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一 胡 著 
现 居住 于 上 海 ， 曾 是 Flash 开 发 社区 9ria 的 咨询 新 闻 翻 
译 志 愿 者 之 一 。 在 多 媒体 互动 领域 工作 近 三 年 ， 从 事 
富 媒 体 应 用 前 端 设计 ， 现 专注 于 Web 和 移动 应 用 前 端 
开发 。 


张 东 宁 
浙江 大 学 计算 机 应 用 硕士 ， 现 供职 于 百度 Flash 团 
队 。 接 触 Flash 有 9 年 时 间 ， 目 前 的 研究 方向 为 Flash 
3D 和 Stage3D， 喜 欢 用 Flash 实 现 各 种 创意 和 充满 美 
感 的 应 用 。 生 活 中 热爱 球 类 运动 ， 也 是 标准 的 微 博 
控 ， 欢 迎 加 我 的 新 浪 微 博 @i 瓜 瓜 ， 与 我 一 起 拥抱 最 
新 最 炫 的 技术 。 


80 后 。 从 Flash 5 开始 关注 Flash 及 AS 的 发 展 ，2010 
年 在 9ria 上 参加 译 林 军 。 一 直 从 事 国外 相关 新 闻 和 博 
文 的 翻译 工作 ， 对 游戏 算法 实现 以 及 企业 应 用 开发 有 
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本 书 是 Flash 游戏 开发 经 典 书籍 的 第 2 版 。 书 中 通过 25 个 完整 的 游戏 示例 教授 ActionScript 编程 ， 其 
中 有 9 个 全 新 游戏 ， 用 于 讲述 更 多 关于 ActionScript 3.0 的 技巧 。 示 例 中 的 代码 亦 可 用 于 构建 非 游戏 类 项 目 。 
本 书 还 讲述 了 如 何 结合 使 用 Flash 和 ActionScript 3.0， 如 何 使 用 ActionScript 构建 基本 的 游戏 框架 

本 书 适用 于 所 有 的 Flash 游戏 开发 人 员 。 
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版 权 声 明 


Authorized translation from the English language edition, entitled ActionScript 3.0 Game 
Programming University, Second Edition by Gary Rosenzweig, published by Pearson Education, Inc., 
publishing as Que. Copyright © 2011 by Gary Rosenzweig. 

All rights reserved. No part of this book may be reproduced or transmitted in any form or by any 
means, electronic or mechanical, including photocopying, recording or by any information storage 
retrieval system, without permission from Pearson Education, Inc. 

Simplified Chinese-language edition copyright © 2012 by Posts & Telecom Press. All rights 
reserved. 





本 书 中 文 简体 字 版 由 Pearson Education Inc. 授 权 人 民 邮 电 出 版 社 独家 出 版 。 未 经 出 版 者 书面 
许可 ， 不 得 以 任何 方式 复制 或 抄袭 本 书 内 容 。 
版 权 所 有 ， 侵 权 必 究 。 





献 给 我 的 号 母 Anne Thomsen (1941 一 2010) ， 一 位 伟大 的 女性 。 
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当 本 书 初版 面市 时 ，ActionScript 3.0 还 很 新 。 实 际 上 ， 它 才刚 刚 出 炉 ， 大 多 数 程序 员 仍 然 坚 
持 使 用 ActionScript 1.0 和 2.0。 

然而 ， 现 在 大 多 数 Flash 开发 者 慢 慢 转向 ActionScript 3.0， 他 们 非常 喜欢 ActionScript 3.0 带 
来 的 高 效 、 可靠 且 具 有 逻辑 性 的 开发 过 程 , 而 ActionScript 1.0 和 2.0 则 常常 令 游 戏 开 发 者 们 抓 狂 ， 
它们 不 能 足够 快 地 完成 关键 任务 ， 而 且 时 常会 有 奇怪 的 bug 及 意外 行为 延缓 开发 进程 。 

而 ActionScript 3.0 则 完全 不 同 。 你 会 发 现 用 它 开发 既 迅 速 又 轻松 , 不 仅 能 够 完成 任务 , 而 且 
能 够 完成 得 很 好 。ActionScript 3.0 会 使 你 的 游戏 创意 实现 得 比 预想 的 更 好 。 

如 果 这 是 你 第 一 次 用 Flash 编程 ， 那 么 你 很 幸运 ， 从 一 开始 就 能 接触 到 这 么 成 熟 且 高 性 能 的 
编程 语言 。 在 开发 有 趣 的 网 页 游戏 方面 ， 你 会 发 现 Flash 和 ActionScript 3.0 是 非常 棒 的 工具 。 

就 让 这 本 书 来 导 引 你 开发 Flash 游戏 吧 。 我 希望 你 能 享受 学 习 本 书 的 过 程 ， 正 如 我 写 它 的 感 


觉 一 样 。 
Flash 和 游戏 开发 


1995 年 10 月 ， 我 正 激动 地 习 慢 着 自己 作为 一 名 游戏 开发 者 的 职业 前 景 。 那 时 ，Macromedia 
公司 "刚刚 推出 Shockwave， 我 把 它 看 做 可 以 自己 开发 并 在 网 上 发 布 游 戏 的 工具 。 

从 那 以 后 ， 类 似 的 令 人 兴奋 的 情景 只 有 两 次 : 一 次 是 Shockwave 3D 的 发 布 ， 还 有 一 次 就 是 
ActionScript 3.0 的 发 布 。 

那 时 , Flash 游戏 其 实 已 经 出 现 一 段 时 间 了 , 但 却 只 是 Shockwave 游戏 的 “小 弟 ”。Shockwave 
更 快 、 性 能 更 好 ， 最 终 还 出 现 了 3D 效果 。 

然而 ， 随 着 ActionScript 3.0 的 出 现 ，Flash 变 得 和 Shockwave 一样 强大 ， 其 至 在 茶 些 方面 更 
胜 一 筹 。 例 如 ， 浏 览 网 页 的 电脑 有 99% 要 用 到 Flash Player 10。 了 解 Flash Player 10 在 网 站 中 普 
人 遍 存 在 的 现实 对 于 Flash 游戏 开发 者 来 说 意义 重大 。 

Flash 与 ActionScript3.0 也 可 以 在 Linux 机 器 上 运行 .Flash 的 旧版 本 曾 运行 于 网 络 电视 机 顶 盒 、 
游戏 主机 (如 Wii) 以 及 便携 式 设备 (智能 手机 及 PSP)。 届 时 ,我 们 还 将 能 看 到 Flash Player 9/10 
和 ActionScript 3.0 出 现在 这 些 设备 上 。 

你 可 以 通过 Flash 来 开发 独立 或 基于 网 页 的 游戏 ， 也 可 以 开发 在 iPhone、iPod Touch、iPad 
及 Android 系统 设备 上 运行 的 非 PC 版 本 的 游戏 。 












































@ 该 公司 于 2005 年 12 月 被 Adobe 公司 收购 。 编者 注 








2 引 言 





Flash 与 ActionScript 3.0 是 非常 好 的 开发 中 小 型 游戏 的 实用 工具 。 
读者 对 象 


本 书 适用 于 所 有 的 Flash 游戏 开发 者 。 然 而 ， 不 同 水 平 的 开发 者 使 用 本 书 有 不 同 的 方法 。 

对 Flash 与 编程 方面 的 新 手 来 说 ， 可 以 先 学 习 基 本 编程 技巧 然后 再 把 本 书 作为 提高 阶段 的 参 
考 书 。 而 那些 积极 性 高 、 上 手 快 的 人 ， 也 可 以 用 本 书 从 头 开 始 学 习 ActionScript 3.0。 

如 果 用 过 ActionScript 1.0 或 2.0， 你 可 以 通过 本 书 对 ActionScript 3.0 进行 详细 了 解 。 但 是 ， 
你 要 努力 忘记 所 掌握 的 Flash 旧版 本 的 大 部 分 内 容 ， 因 为 ActionScript 3.0 与 之 前 版 本 大 相 径 庭 。 
事实 上 我 认为 ActionScript 3.0 是 一 门 全 新 的 语言 。 

许多 Flash 使 用 者 已 经 对 动画 原理 和 编程 有 了 基本 的 了 解 ， 希 望 往 游戏 开发 方向 发 展 ， 这 类 
读者 正 是 本 书 主要 针对 的 对 象 。 

如 果 你 不 是 程序 员 ， 而 是 一 位 设计 师 、 播 画师 或 动画 师 ， 你 可 以 将 本 书 中 的 示例 作为 自己 的 
游戏 设计 框架 。 换 名 话说 ， 你 可 以 导出 示例 文件 中 的 图 形 元 素 加 以 运用 。 

如 果 你 已 经 是 ActionScript 3.0 编程 专家 ,本 书 提供 了 许多 实例 代码 , 你 可 以 直接 将 其 运用 于 
自己 的 游戏 中 ， 而 不 需要 从 头 开始 。 


准备 工作 


大 多 数 读者 需要 些 Flash 开发 和 编程 的 经 验 ， 方 可 最 大 程度 地 受益 于 本 书 。 当 然 ， 还 需要 正 
确 的 工具 。 


预备 知识 


读者 需要 熟悉 Flash CS5 的 开发 环境 。 如 果 你 是 Flash 新 手 ， 请 先 浏览 Flash CS5 自 带 的 帮助 
文档 中 的 “Flash 用 户 指南 ”。 在 Flash 中 选择 Help (帮助 ) 一 Flash Help (Flash 帮助 ) 或 按 Fl 即 
可 打开 。 你 也 许 还 应 该 看 一 本 入 门 参考 书 或 网 络 教程 。 

本 书 不 是 很 适合 第 一 次 编程 的 程序 员 ， 除 非 你 只 是 想 找 些 示例 资源 来 替换 自己 的 图 形 元 件 。 
你 需要 有 些 编程 经 验 , 使 用 过 ActionScript 1.0 (或 2.0、3.0) 、JavaScript、Java、Lingo、Perl、PHP、 
C++, 或 其 他 结构 化 的 编程 语言 。 只 要 你 稍微 熟悉 变量 、 循环 、 条 件 及 函数 等 概念 , ActionScript 3.0 
并 不 难 理解 。 第 一 章 会 概述 ActionScript 3.0 的 语法 。 

如 果 你 是 一 名 程序 员 ， 但 之 前 从 来 没 使 用 过 Flash， 那 么 你 可 以 阅读 “Flash 用 户 指南 ”中 关 
于 Flash 界面 及 基本 绘画 与 动画 技巧 的 部 分 。 


应 用 软件 


毫 无 疑问 ， 你 需要 Flash Professional CS5 或 更 新 版 本 。 使 用 Flash CS3 和 CS4 也 能 学 习 本 
书 大 部 分 内 容 ， 不 过 你 要 有 本 书 第 1 版 的 源 文件 ， 并 忽略 用 到 CS5 新 技术 的 第 14 章 。 如 果 是 
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Flash 8 或 更 早 版 本 ， 则 不 适用 于 本 书 ， 因 为 这 些 版 本 都 是 在 ActionScript 3.0 发 布 之 前 的 版 本 。 

Flash CS5 在 Mac 及 Windows 系统 上 几乎 完全 一 样 。 本 书 上 的 Flash 屏幕 截图 为 Mac 版 ,但 
它 与 Windows 版 本 非常 相似 。 

未 来 的 Flash 版 本 应 会 继续 采用 ActionScript 3.0 作为 核心 编程 语言 。 一 些 菜单 选项 及 快捷 键 
也 许 会 有 所 改变 ， 但 是 你 仍然 可 以 使 用 本 书 。 你 可 以 将 Flash 发 布设 置 为 Flash Player 10 和 
ActionScript 3.0， 以 保持 最 佳 兼容 性 。 

过 去 ， 我 常 被 问 到 如 何 将 本 书 内 容 与 Flex、Flash Builder 和 Flash Develop 配合 使 用 的 问题 。 
这 些 软件 都 支持 ActionScript3.0， 因 此 理论 上 ， 你 可 以 从 本 书 中 学 习 基础 知识 ， 然 后 将 它们 运用 
于 多 样 的 开发 环境 中 。 然 而 ， 本 书 大 量 使 用 了 Flash 类 库 及 简单 的 Flash 组 件 创 建 ， 如 影片 剪辑 
和 文本 字段 。 因 此 , 你 要 了 解 如 何 抛 开 这 些 元 件 重新 实现 书 中 的 游戏 示例 。 但 我 不 建议 你 这 样 做 。 
不 过 ， 本 书 的 基本 思路 或 许 能 成 为 其 他 学 习 资料 的 有 益 补充 。 


源 文 件 
你 还 需要 用 到 本 书 的 源 文件 。 注 意 本 篇 引言 末尾 有 关 如 何 获 取 源 文件 的 信息 。 


在 你 的 项 目 中 使 用 本 书 示例 游戏 


本 书包 含 许多 完整 的 游戏 ， 如 Match Three 〈 一 款 横向 卷轴 平台 游戏 ) 和 Word Search。 我 常 
第 会 被 问 到 一 个 问题 ;“ 我 能 将 这 些 游 戏 运用 在 自己 的 项 目 中 吗 ?” 

我 的 回答 是 : 可 以 ,不 过 你 得 将 游戏 作 一 番 自 定义 修改 ,如 改变 其 中 的 插图 、 游 戏 进行 方式 
或 其 他 内 容 。 你 不 能 将 游戏 原封 不 动 地 展示 在 你 的 网 站 上 。 同 样 ， 也 不 能 将 游戏 源 代 码 或 本 书 列 
出 的 源 代 码 贴 在 网 站 上 。 

若 在 自己 的 项 目 中 使 用 这 些 游戏 , 请 不 要 把 这 些 完全 当做 是 你 自己 的 作品 , 这 样 做 会 显得 很 
不 专业 。 请 加 上 链接 http://flashgameu.com 以 标明 出 自 本 书 。 

然而 , 若 你 只 是 使 用 一 小 段 代 码 , 或 者 将 书 中 的 一 款 游戏 作为 另 一 个 完全 不 同 的 游戏 的 基本 
框架 ， 则 不 需要 注 明 出 处 。 

总 之 ,保持 常识 和 基本 礼貌 就 好 ， 谢 谢 。 


本 书 内 容 


第 1 章 介绍 ActionScript3.0 和 一 些 基 本 概念 ,如 游戏 编程 策略 以 及 一 份 有 助 于 你 用 Flash CS5 
开发 游戏 的 检查 清单 。 

第 2 章 展 示 一 系列 简短 的 代码 段 及 方法 ， 如 创建 文本 框 、 绘 制图 形 及 播放 音频 。 这 是 一 个 很 
实用 的 代码 库 ， 我 们 将 会 在 本 书 中 不 断 地 用 到 它 (你 也 可 以 在 自己 的 项 目 中 使 用 它 )。 

第 3 章 ~ 第 14 章 每 章 都 包含 了 一 个 或 多 个 完整 的 游戏 示例 。 各 章 的 内 容 将 带 着 你 从 头 至 尾 
地 将 游戏 源码 分 析 一 遍 ， 使 你 可 以 自己 创建 游戏 。 或 者 ， 你 可 以 使 用 源 文 件 并 遍历 整个 代码 。 
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第 3 章 和 本 
大 部 分 剩 下 的 章 都 会 在 开始 一 个 新 游戏 之 前 介绍 一 个 特别 的 主题 。 例 如 ,第 4 章 就 从 讲述 数 





的 其 他 章 稍 有 不 同 。 它 不 是 对 一 个 完成 的 游戏 进行 代码 检测 ， 而 是 通过 10 个 





步骤 来 创建 一 个 游戏 ， 并 每 步 发 布 一 次 Flash 影片 和 源 文件 。 这 对 于 学 习 如 何 创建 Flash 游戏 是 








很 好 的 办 法 。 
本 
组 与 数据 对 象 ”开始 。 
但 是 ， 本 书 并 不 仅 限 于 你 手中 的 纸 质 内 容 ， 还 有 许多 在 线 内 容 。 
的 配套 网 站 。 你 可 以 从 这 上 面 找到 源 文件 、 更 新 、 新 内 容 


FlashGameU.com 网 站 
FlashGameU.com 网 站 将 作为 本 3 
本 书 的 源 文 件 按 章 来 分 ， 再 按 每 个 游戏 来 归档 。FlashGameU.com 网 站 首页 有 源 文件 的 下 载 





及 Flash 游戏 开发 讨论 列表 。 
链接 。 
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区 网 站 (www.ituring.com.cn) 本 书 相关 页 面 下 载 。 一 一 编者 注 








区 中 源 文 件 亦 可 从 图 灵 社 
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使 用 Flash 和 ActionScript 3.0 


本 章 内 容 


口 什么 是 ActionScript 3.0 

口 创建 简单 的 ActionScript 程序 
口 使 用 Flash CS5 

口 编辑 ActionScript 代码 

口 ActionScript 游戏 编程 策略 

口 ActionScript 的 基本 概念 

口 测试 及 调试 

D 发 布 游戏 

口 ActionScript 游戏 编程 检查 清单 





对 于 开发 游戏 而 言 , ActionScript 是 非常 棒 的 语言 。 它 简单 易学 , 能 够 快速 开发 且 性 能 极 佳 。 
我 们 先 从 了 解 ActionScript 3.0 和 Flash Professional CS5 创作 环境 开始 ， 然 后 通过 创建 一 些 简 
单程 序 来 熟悉 新 版 本 的 ActionScript。 


1.1 什么 是 ActionScript 3.0 


自从 2006 年 ActionScript3.0 推 出 之 后 , 它 就 成 为 了 Flash 的 首要 编程 语言 。 最 初版 本 的 Action- 
Script 是 在 1996 年 随 着 Flash 4 的 发 布 而 推出 的 。 那 时 它 还 不 叫 ActionScript， 甚 至 你 都 不 能 用 它 
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来 写 代 码 ， 而 只 能 从 一 个 下 拉 菜 单 中 选择 语句 。 

2000 年 发 布 的 Flash 5 有 了 很 大 的 改进 ， 并 正式 推出 ActionScript 1.0。 该 脚本 语言 包含 很 多 
其 他 基于 网 页 的 开发 语言 (如 Macromedia Director 的 Lingo、Sun 的 Java) 的 特征 。 但 它 在 运行 
速度 和 性 能 上 都 存在 严重 不 足 。 

Flash MX 2004 也 称 为 Flash 7， 为 我 们 带 来 了 ActionScript 2.0。 这 是 一 个 性 能 更 高 的 版 本 ， 
它 使 面向 对 象 编程 变 得 简单 。 它 非常 接近 ECMA 脚本 ， 即 欧洲 计算 机 制造 商 协会 (European 
Computer Manufacturers Association) 制定 的 标准 化 编程 语言 。 用 于 浏览 器 的 编程 语言 JavaScript 
也 是 基于 ECMA 脚本 的 。 





说 明 


Flash Player 内 置 有 两 种 独立 的 代码 解析 器 (interpreter) 。 其 中 一 个 用 于 早期 版 本 并 解 
析 ActionScript 1.0/2.0 代码 。 第 二 种 则 是 用 于 ActionScript 3.0 的 快速 代码 解析 器 。 如 果 
你 坚持 只 采用 ActionScript 3.0 语言 ， 你 的 游戏 就 将 呈现 最 佳 的 动画 质量 。 














































































































ActionScript 3.0 是 经 过 多 年 开发 的 茵 峰之 作 。 每 发 布 一 个 版 本 ， 开 发 者 都 会 将 其 推 向 极限 ， 
而 随后 的 版 本 则 会 考虑 开发 者 的 具体 用 途 及 当前 版 本 ActionScript 的 缺点 。 

现在 ,我 们 有 了 非常 好 的 2D 游戏 开发 环境 。 你 会 发 现 它 的 一 大 优点 是 : 只 需要 很 少 的 代码 
就 能 让 游戏 运行 起 来 。 


说 明 


Flash Professional CS5 其 实 是 Flash 11。Adobe 将 各 类 软件 版 本 (如 Flash、 Photoshop、 
Illustrator 和 Dreamweaver) 捆绑 在 一 起 组 成 了 CS5 系列 。 在 CS5 系列 中 ，Flash 的 技术 
版 本 号 为 Flash 11。 无 论 是 称 Flash 11 还 是 Flash CS5 都 是 可 以 的 。 浏览 器 上 安装 的 后 台 
引 警 采用 不 同 的 编号 方案 ， 目 前 是 Flash Player 10。 
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1.2 ”创建 简单 的 ActionScript 程序 


源 文件 
http://flashgameu.com 


A3GPU201_HelloWorld.zip 


当 介 绍 一 门 新 的 编程 语言 时 ， 我 们 一 般 都 是 从 编写 Hello World 程序 入 手 的 。 这 种 程序 只 能 
在 屏幕 上 显示 出 Hello World， 而 不 带 其 他 功能 。 
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志明 J 


Hello World 程序 的 诞生 要 追溯 到 1974 年 ， 它 包含 在 贝尔 实验 室 (Bell Labs ) 里 的 一 份 内 
部 教程 内 。20 世纪 70 年 代 未 ， 我 在 学 校 里 用 的 还 是 PDP-11 终端 机 时 ， 它 可 是 我 学 的 第 
一 个 程序 。 时 至 今日 ， 基 本 上 每 本 介绍 编程 的 书 最 开始 都 会 出 现 Hello World 示例 。 




































































1.2.1 trace 的 简单 用 法 


我 们 可 以 在 主 时 间 轴 中 的 脚本 语言 里 使 用 trace 方法 ,创建 一 个 功能 有 限 的 Hello World 程 
序 。trace 所 做 的 就 是 在 Flash 的 Output (输出 ) 面板 里 输出 文本 内 容 。 

选择 File (文件 ) , 在 菜单 中 选择 New (新 建 ) 来 创建 新 的 Flash 影片 ,随即 出 现 New Document 
(新 建文 档 ) 对 话 框 ， 如 图 1-1 所 示 。 








Type: 
看 Actionscript 3.0 
看 | 





3.0. Use FLA files to set up the media and structure 
SWF files published for Adobe Flash Player. 

















图 1-1 选择 ActionScript 3.0 来 创建 新 Flash 影 
单 击 OK (确定 ) 按钮 后 ， 创 建 出 一 个 新 的 Flash 影片 ， 名 为 Untitled-1 (未 命名 -1) 。 出 现 一 
个 Flash 文档 窗口 ， 如 图 1-2 所 示 。 
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到 1-2 Flash 文档 窗口 包含 时 间 轴 和 和 舞台 工作 区 。 有 多 种 方式 可 以 配置 
Flash 的 工作 空间 ， 因 此 你 窗口 里 的 面板 可 能 处 于 不 同 的 位 置 
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在 窗口 的 顶端 有 一 个 时 间 轴 ， 帧 数 从 1 开始 向 右 延 伸 ， 1-2 中 可 以 看 到 有 大 约 50 多 帧 ， 
当然 ， 这 取决 于 窗口 屏幕 的 大 小 。 帧 数 可 以 延长 至 一 个 动画 所 需 的 数量 ， 但 作为 游戏 程序 员 ， 我 
们 通常 只 需要 少量 的 帧 。 

时 间 轴 上 可 以 有 一 至 多 个 图 层 。 窗 口中 默认 只 有 一 个 图 层 ， 名 为 Layerl 〈 图 层 1)。 

Layerl 中 ， 你 可 以 看 见 一 个 关键 帧 〈keyframe)， 它 位 于 第 1 帧 的 下 方 ， 由 一 个 里 面 带 有 
心 点 的 方 框 表示 。 
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说 明 

关键 帧 是 一 个 动画 术语 。 如 果 是 用 Flash 去 制作 动画 而 非 编程 ， 那 么 就 会 时 常用 到 关键 
帧 。 大 体 说 来 ， 关 键 帧 就 是 时 间 轴 上 的 某 个 点 ， 一 个 或 多 个 动 男 元 素 在 这 点 时 的 位 置 被 
特殊 设置 过 。 两 个 关键 帧 之 间 ， 动 画 元 素 的 位 置 可 能 会 改变 。 例 如 ， 第 1 帧 关键 帧 上 的 
元 素 在 屏幕 的 左边 ， 然 后 在 第 9 帧 关键 帧 时 ， 同 样 的 元 素 位 于 屏幕 的 右边 ， 那 么 在 这 些 
关键 帧 之 间 ， 当 处 于 第 5 帧 时 ， 该 元 素 会 出 现在 屏幕 的 中 央 。 

我 们 虽然 不 用 关键 帧 来 制作 动画 ， 但 是 需要 任 不 同 的 场景 中 设置 元 素 ， 如 游戏 介绍 、 进 行 和 
结束 。 






























































































































































可 以 在 时 间 轴 任意 图 层 上 的 任意 关键 帧 写 入 脚本 代码 。 选 中 关键 帧 ， 从 菜单 栏 中 选择 
Windows (窗口 ) 一 Actions (动作 ) 即 可 打开 Actions 面板 ， 如 图 1-3 所 示 。 这 也 许 与 你 在 电脑 
中 看 到 的 界面 有 些 差异 ， 因 为 它 的 界面 设置 有 多 种 方式 ， 比 如 在 面板 的 左边 可 以 有 侧 边栏 ， 当 中 
列 出 了 所 有 ActionScript 的 命令 语句 及 方法 。 























图 1-3 Actions 面板 同样 也 可 以 通过 快捷 方式 打开 ， 
Windows 系统 下 为 F9，Mac 下 为 Option+F9 








Actions 面板 基本 而 言 是 一 个 文本 输入 窗口 ， 但 是 它 能 做 的 远 不 止 于 此 ， 比 如 它 还 能 格式 化 
代码 等 。 不 过 本 书 中 ， 我 们 不 会 经 常用 到 Actions 面板 ， 因 为 大 部 分 代码 都 写 在 外 部 类 文件 中 。 
在 Actions 面板 中 输入 以 下 文本 ， 来 创建 这 个 简单 的 Hello World 程序 : 
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trace("Hello World.");} 

这 样 ， 你 就 创建 了 你 的 第 一 个 ActionScript3.0 程序 。 要 测试 它 ， 可 以 选择 Control (控制 ) -~Test 
Movie (测试 影片 ) 一 Test (测试 ) 或 者 通过 快捷 方式 Command+Retum (Mac 下 ) 或 CtrlHEnter (Windows 
下 ) 进行 。 如 果 没 有 自己 创建 这 个 影片 ， 你 可 以 打开 HelloWorld1.fla 文件 来 进行 测试 。 

现在 ,找到 Output (输出 ) 面板 ， 即 使 之 前 面板 是 关闭 着 的 ， 它 也 会 弹出 。 但 是 ， 它 常常 是 
一 块 很 小 的 面板 , 所 以 很 容易 在 你 不 注意 的 时 候 出 现在 屏幕 的 角落 ,其 至 以 一 组 面板 的 形式 伴随 
着 时 间 轴 出 现 。 图 1-4 就 是 一 个 Output 面板 界面 显示 的 例子 。 




















Hello World. 





图 1-4 ” Output 面板 显示 了 trace 函数 调用 的 结果 


尽管 从 技术 上 看 这 个 Hello World 程序 确实 输出 了 Hello World, 但 这 只 是 你 在 Flash CS5 里 测 
试看 到 的 结果 。 如 有 果 你 将 此 程序 租 入 浏览 器 中 运行 ， 屏幕 上 将 不 会 显示 任何 结果 。 我 们 需要 再 做 
点 工作 ， 来 创建 真正 的 Hello World 程序 。 


1.2.2 ”创建 屏幕 输出 


若 想 要 在 屏幕 中 也 显示 Hello World， 我 们 需要 多 行 代码 ， 实 际 上 ， 需 要 3 行 。 

第 1 行 用 来 创建 一 个 文本 域 (text area), 使 屏幕 上 可 以 输出 内 容 。 我 们 称 之 为 文本 字段 (text 
field) ， 它 是 一 个 用 来 保存 文本 的 容器 。 

第 2 行将 语句 Hello World 赋予 文本 字段 。 

接 下 来 第 3 行将 文本 字段 添加 至 舞台 。 兽 台 (stage) 是 Flash 影片 中 的 显示 区 域 。 制 作 影 
时 ， 你 可 以 在 舞台 上 安排 各 种 元 件 ， 在 回放 影片 时 ， 舞 台 是 用 户 所 看 到 的 区 域 。 

在 ActionScript 3.0 中 创建 文本 字段 这 类 对 象 时 ， 它 们 并 不 会 自动 添加 至 舞台 。 你 需要 自 
己 添加 ， 当 你 日 后 想 要 一 组 对 象 一 起 显示 ， 或 不 希望 所 有 对 象 直接 出 现在 舞台 上 时 ， 这 会 非 
常 有 用 。 














说 明 


ActionScript 3.0 中 的 任意 一 种 视觉 元 素 都 称 为 显示 对 象 。 它 可 以 是 文本 字段 、 图 形 元 素 、 
按钮 乃至 用 户 界面 组 件 〈 如 弹出 菜单 ) 。 显 示 对 象 也 可 以 是 其 他 显示 对 象 的 组 合 。 例 如 ， 
一 个 显示 对 象 可 以 包含 棋 类 游戏 中 的 所 有 模子 ， 棋 盘 则 包含 在 位 于 其 后 的 另 一 显示 对 象 
中 。 舞 台 本 身 也 是 一 个 显示 对 象 ， 通 常 所 说 的 影片 剪辑 也 是 显示 对 象 。 
















































































































































































下 面 就 是 新 Hello World 所 需 的 3 行 代码 ， 它 们 替代 了 之 前 例子 中 第 一 帧 上 的 那 行 代码 。 
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Var myText:TextField = new TextrField!(); 
myText.text = "Hello World"; 
addChild (myText); 


说 明 

当 输 入 以 上 代码 时 ，Flash 会 自动 在 代码 上 方 加 入 一 行 : import flash. 
text .TextField;。 这 是 因为 ， 当 Flash 发 现 你 的 Flash 影片 正 使 用 TextFielgd 对 
象 时 , 它 默 认 你 会 引用 ActionScript 3.0 类 库 的 相关 内 容 。 引入 类 库 后 , 你 就 能 创建 Text- 
Field 对 象 了 。 




































































上 方 代码 创建 了 一 个 名 为 myText 的 变量 ， 类 型 为 TextFieldq。 在 将 它 作为 子 对 象 放 入 舞 
台 显 示 对 象 内 之 前 ， 先 将 它 的 文本 属性 设 为 Hello World。 

在 第 一 次 使 用 myText 变量 之 前 , 关键 字 var 会 告诉 编译 器 我 们 正在 创建 一 个 名 为 myText 
的 变量 ， 冒 号 及 类 型 名 (TextField) 则 告诉 编译 器 我 们 创建 的 这 个 变量 是 何 类 型 (在 此 名 中， 
引用 的 是 一 个 文本 字段 )。 

此 程序 的 运行 结果 是 以 默认 的 serif 字体 在 屏幕 的 左上 角 显 示 一 行 小 小 的 Hello World。 可 以 
选择 Control 一 Test Movie 来 查看 结果 。 示 例 的 源 文件 为 HelloWorld2.fla。 如 图 1-5 所 示 ， 屏 幕 上 
显示 了 我 们 创建 的 小 小 的 文本 字段 。 


BOe HelloWorld2.swf 
Hello World 





























图 1-5 窗口 的 左上 角 显 示 了 一 行 小 小 的 Hello World 


之 所 以 左上 角 的 文本 以 此 字体 出 现 , 是 因为 我 们 没有 设置 文本 字段 的 其 他 属性 。 等 我 们 学 习 
了 下 面 的 内 容 ， 就 能 设置 文本 的 位 置 、 大 小 及 字体 等 属性 了 。 














1.2.3 我们 的 第 一 个 ActionScript 3.0 类 
我 们 一 般 不 在 时 间 轴 上 写 入 代码 , 除非 需要 在 时 间 轴 上 某 个 特定 的 帧 上 设置 元 素 。 我 们 的 代 
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码 大 多 都 放 在 外 部 ActionScript 类 文件 中 。 
所 以 ， 现 在 让 我 们 用 外 部 类 重新 创建 Hello World 程序 吧 。 


说 明 

类 是 Flash 对 象 的 另 一 种 表现 方式 。 这 些 对 象 既 可 以 是 图 形 元 件 ， 也 可 以 是 影片 本 身 。 我 
们 也 经 常 把 类 看 作 是 对 象 的 代码 部 分 。 现 在 ， 有 了 一 个 影片 及 影片 的 类 ， 你 就 可 以 定义 影 
片 所 连接 的 数据 及 其 所 执行 的 功能 了 。 在 这 个 影片 中 ,你 的 类 库 中 可 能 会 有 一 个 影片 剪辑 


元 件 ， 并 且 该 影片 剪辑 也 有 着 它 自 己 的 类 ， 这 个 类 厌 定 义 了 该 影片 剪辑 所 能 实现 的 功能 。 






















































































选择 File-> New 一 ActionScript 3.0 Class (ActionScript3.0 类) 来 创建 外 部 ActionScript 文件 。 


你 也 许 会 被 要 求 输入 文件 名 ， 这 里 可 以 命 为 HelloWorld3 。 
你 会 发 现 ， 打 开 的 ActionScript 文档 窗口 与 Flash 影片 文档 窗口 占据 了 同样 的 空间 ， 但 是 没 


有 了 时 间 轴 及 舞台 工作 区 ， 只 有 一 大 片 文本 编辑 区 域 ， 如 图 1-6 所 示 。 


只 髓 赂 偶 汉 村 甘 第 四 四 3 国 加 


1 package { 
import flash.display.*; 











import flash, text.*; 


public function HelloWor1d3(C) { 
Var myText:TextField = new TextField(); 
-| myText .text = "Hello World!"; 
10 addChildCmyText); 


2 

3 

4 

5 public class HelloWorld3 extends MovieClip { 
6 

1 

8 











Line 13 of 13, Col 2 


图 1-6 ActionScript 文档 中 包含 了 简单 的 Hello World 程序 





如 图 1-6 所 示 , 当前 程序 比 我 们 之 前 创建 的 3 行 Hello World 程序 要 长 得 多 。 让 我 们 来 看 看 每 
部 分 代码 的 功能 。 

类 文件 的 开始 部 分 都 先 声明 这 是 一 个 package ( 包 )， 其 中 包含 了 一 个 类 (class)。 然 后 ， 
定义 程序 中 所 需要 用 到 的 ActionScript 部 分 。 在 本 例 中 ， 我 们 需要 在 舞台 上 显示 对 象 并 创建 一 个 
文本 字段 ， 因 此 ， 需 要 用 到 flash.display 类 组 及 flash.text 类 组 ， 如 下 所 示 : 





package { 
import flash.display.*; 
import flash.text.*; 
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说 明 


你 很 快 就 会 知道 究竟 要 在 程序 的 开头 导入 哪些 类 文件 。 以 上 就 是 本 书 中 我 们 需要 用 到 的 
少数 类 中 的 其 中 两 组 类 。 对 于 更 多 不 太 常见 的 ActionScript 陨 数 ， 大 家 可 以 通过 经 常 查看 
Flash 帮助 中 相应 名 数 的 词 条 来 了 解 所 需 的 类 。 










































































下 面 来 定义 类 。 本 例 中 ， 它 需要 被 设置 为 Public 类 ， 这 意味 着 它 可 以 被 主 影片 引用 。 将 类 
的 名 称 设 为 Hellowor1d3 ， 与 此 类 文件 的 名 称 HelloWorld3.as 相对 应 。 

该 类 扩展 了 Movieclip 类 ， 意 味 着 它 将 作用 于 影片 剪辑 (本 例 中 即 为 舞台 本 身 ): 

public class HelloWorld3 extends MovieClip { 

该 类 中 含有 一 个 方法 ， 方 法 名 为 HelloWor193， 正 好 与 类 名 相对 应 。 当 一 个 方法 的 名 称 与 
类 名 一 致 时， 该 方法 会 在 类 初始 化 之 后 立即 执行 。 该 方法 称 为 构造 国 数 。 

本 例 中 ， 此 类 依附 于 影片 中 ， 因 此 当 影片 初始 化 后 就 会 立即 运行 构造 函数 。 

方法 内 的 代码 与 之 前 所 举例 子 编写 的 3 行 代码 一 致 


public function HelloWorld3() { 
Var myText:TextField = new TextrField(); 
myText.text = "Hello World!"; 
addChild (myText); 


} 
} 


我 们 需要 创建 一 个 新 影片 来 运行 以 上 代码 。 示 例 影 片 文件 名 为 HelloWorld3.fla。 虽 然 不 需要 在 此 
影片 的 时 间 轴 上 添加 任何 操作 , 但 需要 为 它 分 配 一 个 文档 类 , 由 此 指定 控制 影片 的 ActionScript 文 件 。 

通常 ,选中 Flash 影片 的 舞台 时 ，Properties〈 属 性 ) 面板 会 显示 出 来 。 可 在 该 面板 中 指定 文档 
类 。 如 果 没 有 找到 Properties 面板 , 可 以 选择 Window (视图 ) 一 Properties( 属 性 ) 来 打开 它 .Properties 
面板 位 于 图 1-7 中 的 右 侧 。 在 Properties 面板 的 class 栏 内 输入 类 名 Hellowor1d3。 
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图 1-7 影片 的 文档 类 为 HelloWor1g3 
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设置 好 后 ， 影 片 会 加 载 并 运行 HelloWorld3.as 文件 。 测 试 影片 时 ， 播 放 器 会 将 AS 类 文件 的 内 
编译 至 影片 中 。 影 片 运行 时 会 初始 化 文档 类 ， 调 用 Hellowor193 方法 并 输出 文本 Hello World。 








1.3 ”使 用 Flash CS5 


尽管 大 部 分 工作 是 通过 ActionScript 完 成 的 ,但 是 我 们 仍然 需要 了 解 一 些 与 Flash CS5 时 间 轴 、 
舞台 及 库 的 使 用 相关 的 术语 和 基本 知识 。 

















说 明 


如 果 你 是 Flash 新 手 , 可 以 在 帮助 文档 中 查阅 “使 用 Flash 部 分 。 该 部 分 详细 介绍 了 Flash 
的 舞台 、 时 间 轴 、 库 及 工作 空间 内 的 其 他 元 素 ， 并 介绍 了 如 何 操作 Flash 界面 。 




































































1.3.1 显示 对 象 和 显示 列表 


我 们 已 经 了 解 过 显示 对 象 ， 它 们 主要 以 图 形 元 素 为 主 。 影 片 剪 辑 (movie clip) 是 最 通用 的 
显示 对 象 ， 它 可 以 包含 大 量 的 显示 对 象 ， 另 外 它 还 含有 动画 时 间 轴 。 
影片 剪辑 的 一 个 更 简单 的 版 本 是 Sprite。 本 质 上 ，Sprite 是 只 有 一 帧 的 影片 剪辑 。 我 们 用 
ActionScript 从 头 开 始 创建 显示 对 象 时 ， 往 往 就 是 创建 的 Sprite。 它 们 天 生 就 比 影片 剪辑 更 高 效 ， 
因为 它们 不 会 带 来 多 个 动画 帧 那样 的 开销 。 
de all 0 位 图 及 视频 。 
部 分 显示 对 象 (如 影片 剪辑 和 Sprite 对 象 ) 可 以 包含 其 他 显示 对 象 。 例 如 ， 你 可 以 用 Sprite 
对 象 包含 其 他 Sprite el 文本 字段 及 位 图 等 。 
通过 岁 套 显示 对 象 可 以 组 织 图 形 元 素 。 例 如 ， 你 可 以 创建 一 个 Sprite 对 象 来 存储 所 有 通过 
ln nt 创建 的 游戏 元 素 。 这 时 , 你 会 得 到 一 个 包含 了 多 种 背景 元 素 的 背景 Sprite 对 象 。 另 外 ， 
还 可 以 将 一 个 代表 游戏 各 种 组 成 部 分 的 Sprite 对 象 又 加 在 其 上 方 , 用 它 来 包含 一 些 可 移动 的 游戏 
元 素 。 
因为 影片 剪辑 和 Sprite 对 象 都 可 以 存储 多 种 对 象 ， 因 此 它们 对 所 存储 的 各 种 对 象 都 维护 着 一 
个 列表 ， 用 来 设置 每 个 对 象 显示 的 顺序 。 这 个 列表 就 称 为 显示 列表 。 我 们 可 以 通过 修改 此 显示 列 
表 来 调整 内 含 对 象 间 的 前 后 关系 。 
我 们 也 可 以 将 显示 对 象 从 一 个 父 显示 对 象 移 到 另 一 个 显示 对 象 中 。 不 是 通过 复制 显示 对 象 ， 
而 是 从 一 个 对 象 中 移 除 , 再 在 另 一 对 象 中 添加 。 这 使 得 显示 对 象 更 具 通 用 性 , 操作 也 更 简单 方便 。 









































1.3.2 ”舞台 
台 是 Flash 的 主要 图 形 工作 区 ， 也 是 用 户 在 玩 游戏 时 所 看 到 的 画面 。 
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如 图 1-2 所 示 ， 舞 台 占 据 了 窗口 的 大 部 分 空间 ， 舞 台 的 上 方 为 时 间 轴 。 

我 们 大 部 分 游戏 的 舞台 和 时 间 轴 都 是 空白 的 ， 因 为 所 有 的 图 形 元 素 都 是 由 ActionScript 代码 
创建 的 。 

然而 , 也 有 很 多 游戏 的 舞台 上 存在 一 些 图 形 元 素 。 当 有 不 懂 编 程 的 图 形 设计 师 参 与 游戏 制作 
时 ， 这 尤为 重要 。 设 计 师 希望 能 在 游戏 开发 过 程 中 对 界面 元 素 进行 布局 和 调整 ， 这 种 情况 下 用 
ActionScript 创建 游戏 元 素 就 变 得 很 不 实用 。 

在 游戏 开发 过 程 中 , 可 以 在 舞台 上 快速 创建 图 形 元 素 。 例如, 你 可 以 在 舞台 上 使 用 画图 工具 ， 
选中 画 好 的 图 形 ， 按 F8 创建 影片 剪辑 并 添加 至 库 中 。 


1.3.3 库 














Flash 库 包 含 游戏 中 所 需要 的 任何 媒体 元 素 ， 并 被 载 和 到 最 后 生成 的 SWF 文件 中 。 也 可 以 在 
影片 中 导入 其 他 媒体 元 素 ， 如 在 第 6 章 中 ， 我 们 将 导入 外 部 位 图 。 

Library( 库 ) 面板 如 图 1-8 所 示 。 该 库 中 的 大 多 数 元 件 为 影片 剪辑 。 第 一 个 是 按钮 元 件 , Sounds 
文件 夹 中 的 是 一 些 音频 文件 。 
























































ET KB [FE] 


图 1-8 Library 面板 展示 了 当前 影片 所 用 到 的 所 有 媒体 对 象 


图 1-8 中 ， 部 分 影片 剪辑 的 Linkage (链接 ) 一 栏 内 都 带 有 名 称 。 这 部 分 影片 剪辑 可 以 在 影 
片 运 行 时 通过 ActionScript 代码 导出 。 


1.3.4 时 间 轴 
影片 可 以 分 解 为 多 个 帧 。 你 可 以 通过 选择 窗口 上 方 时 间 轴 内 的 帧 来 切换 舞台 上 所 显示 的 内 
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容 。 因为 我 们 并 不 是 在 创作 动画 , 而 是 制作 游戏 应 用 程序 , 所 以 通常 用 帧 来 表示 不 同 的 游戏 画面 。 
时 间 轴 如 图 1-9 所 示 。 时 间 轴 上 只 使 用 了 3 帧 ， 它 们 都 是 关键 帧 。 第 1 帧 是 游戏 介绍 ， 包 含 了 
一 些 指令 。 从 第 2 帧 处 游戏 开始 运行 。 第 3 帧 有 一 个 Game Over 标签 及 一 个 PlayAgain ( 重 玩 ) 按钮 。 





























图 1-9 图 中 的 时 间 轴 被 通过 右边 的 下 拉 菜 单 稍微 放大 ， 所 以 每 帧 看 起 来 更 大 
每 一 个 关键 帧 都 有 一 个 标签 ， 但 在 时 间 轴 上 是 看 不 到 的 。 帧 上 的 小 红旗 表明 该 帧 带 有 标签 。 


为 了 设置 帧 的 标签 ， 需 要 选中 帧 ， 然 后 找到 Properties 面板 。 面 板 中 包含 Frame 属性 区 域 。 
本 例 中 ， 将 该 帧 的 名 称 设 为 start， 你 也 可 以 视 情 况 而 修改 〈 见 图 1-10)。 























PROPERTIES 


[EL Frame 
































ww LABEL 
Name: |start 
Type: | Name 下 
SOUND 
Name: | None | 
Effect: | None lw) 2 
Sync: [ Event li 


[ Repeat dl Xx 








No sound selected 





图 1-10 可 以 在 Properties 面板 中 设置 或 修改 帧 标签 

回 过 头 看 图 1-9, 你 会 发 现时 间 轴 内 共有 4 个 图 层 。 第 一 个 图 层 名 为 Label， 它 包含 3 个 关键 
帧 。 按 Fs 可 在 图 层 内 创建 帧 ， 按 F7 可 在 帧 内 添加 关键 帧 。 

第 2 个 图 层 名 为 Score， 它 只 有 2 个 关键 帧 ， 分 别 位 于 第 1 帧 和 第 2 帧 上 。 第 3 帧 只 是 第 2 
帧 的 延续 。 也 即 游戏 过 程 中 score 元 素 继 在 第 2 帧 出 现 后 ， 又 在 第 3 帧 出 现 。 

时 间 轴 、 舞 台 和 库 是 在 游戏 开发 中 所 用 到 的 主要 可 视 化 工具 。 


1.4 编辑 ActionScript 代码 

















尽管 经 常 需要 从 Flash 文档 内 创建 游戏 ， 但 通常 我 们 是 与 ActionScript 代码 编辑 窗口 打交道 。 
虽然 我 们 从 图 1-6 了 解 过 ActionScript 编辑 窗口 ， 但 图 1-11 所 显示 的 界面 会 有 所 不 同 。 其 左 
边 是 一 个 ActionScript 3.0 语法 层级 菜单 。 
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窗口 上 方 的 两 个 选项 卡 表 示 分 别 打开 了 HelloWorld3.fla 和 HelloWorld3.as 文件 。 你 可 以 同时 
编辑 Flash 影片 和 ActionScript 文件 ， 单 击 选项 卡 上 的 文件 名 称 切 换 窗口 。 你 还 可 以 打开 其 他 
ActionScript 文件 ， 通 过 选项 卡 可 以 简单 便捷 地 同时 操作 多 个 ActionScript 类 文件 。 
图 1-11 中 的 代码 进行 了 缩 进 。 你 可 以 通过 按 Tab 键 缩 进 代码 行 。 通 过 按 Return 或 Enter 键 换 
行 时 ， 光 标 会 自动 缩 进 。 如 果 你 想 取消 缩 进 ， 可 以 按 Delete 键 或 ShiftHTab 键 。 
onSeript 3 网 | 际 彤 w 守 加 也 罕 尘 条 四 四 FH 同 。 Taget [Howodm 5 


1 package { 
import flash. ee 
] import flash.text. 









































public class HelloWorld3 extends MovieClip { 


public furlction HelloWor1ld3C) { 
myText:TextField = new -Toe 
9 myText .text = "Hello Worl 
10 addChiidCmyText); 
} 




















人 
v | Line7of13,col13 


1-11 ActionScript 窗口 的 上 方 有 一 排 非常 实用 的 工具 





范 





说 明 
可 以 选中 一 段 代 码 ， 然 后 按 下 Tab 键 使 整 段 代码 右 移 。 也 可 以 通过 Shift+Tab 键 使 整 段 代 
码 左 移 。 













































































每 一 位 ActionScript 程序 员 都 需要 了 解 代码 编写 区 上 方 的 那 行 脚本 工具 的 功能 。 以 下 列 出 了 
各 工具 的 功能 (如 窗口 中 工具 栏 所 示 ， 从 左 至 右 )。 
口 将 新 项 目 添加 到 脚本 中 你 可 以 从 它 庞大 的 下 拉 菜 单 中 获取 每 一 个 ActionScript 命令 。 
在 如 此 多 的 项 目 中 不 容易 找到 标准 命令 ， 但 对 于 模糊 查询 还 是 很 有 帮助 的 。 
口 查找 一 一 通过 单 击 “ 查 找 ” 按 钮 可 以 打开 “查找 和 替换 ”对 话 框 。 也 可 以 通过 快捷 键 
Command+F (Mac) 或 Ctrl+F (Windows) 打开 它 。 
口 语法 检查 一 一 使 用 “语法 检查 ”工具 是 让 Flash 编译 器 预 检 查 脚 本 语法 的 便捷 方法 。 你 可 
以 从 Output 面板 中 看 到 检查 查 结 果 。 
通过 此 工具 ， 你 可 以 为 你 的 代码 设置 一 致 的 标 示 志 、 间 距 和 括号 。 如 果 
你 决定 使 用 此 工具 , 人 自动 套用 格式 的 参数 设置 ， 设 定 此 工具 要 实现 的 效果 。 
口 显示 代码 提示 一 一 这 可 能 是 所 有 工具 中 最 有 用 的 了 。 当 你 函数 ,如 gotoAndstop () 
时 ， 人 你 可 以 了 解 此 函数 有 哪些 参数 。 而 如 果 之 后 你 想 编 辑 此 
函数 ， 可 以 把 光标 放 入 函数 的 参数 内 ， 然 后 单 击 此 按钮 会 重新 打开 代码 提示 框 。 
口 调试 选项 你 可 以 通过 此 下 拉 菜 单 设置 或 移 除 断 点 。 我 们 将 在 1.7 节 详 细 讨 论调 试 。 
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D 折 生 成 对 大 括号 一 一 单 击 此 按钮 会 使 当前 大 括号 以 内 的 代码 折 羡 为 一 行 。 代 码 仍然 存在 ， 
但 被 隐藏 了 。 你 可 以 单 击 代码 编辑 区 左边 的 三 角 符 号 (Mac 系统 下 ) 或 加 号 (Windows 
系统 下 ) 展开 隐藏 的 代码 ， 或 者 单 击 “ 展 开 全 部 ”按钮 展开 代码 。 被 隐藏 部 分 的 代码 如 
图 1-12 所 示 。 

D 折 又 所 选 一 一 折 且 选中 的 代码 。 

D 展开 全 部 一 一 将 所 有 被 隐藏 的 代码 返回 正常 状态 。 

D 应 用 块 注释 一 一 单 击 此 按钮 ， 会 在 你 所 选中 的 代码 的 前 方 加 上 /*， 结 尾 处 加 上 */， 使 选 

中 的 代码 变 成 注释 。1.5 市 将 介绍 更 多 有 关注 释 的 内 容 。 

D 应 用 行 注释 一 一 将 当前 行 转 为 注释 内 容 。 如 果 选 中 了 多 行 ， 则 在 每 行 前 方 添加 /。 

口 移 除 注释 一 一 将 选中 的 注释 内 容 转 为 代码 ， 方 便 你 临时 性 地 移 除 某 段 代码 。 你 可 以 将 不 

需要 编译 的 代码 注释 掉 ， 需 要 时 再 取消 注释 。 

D 显示 /隐藏 工具 箱 一 一 通过 此 按钮 切换 显示 左边 的 ActionScript 列表 。 


cript 3.0 制 | 味 彤 六 赂 保 滩 共 芋 条 中 中国 Target: [HelloWorld3.fla 
1 package { 
import flash.display.*; 
3 import flash.text.*; 






































public class HelloWorld3 extends MovieClip { 


public function HelloWorld3() {Ga} 
} 
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图 1-12 ”一段 代码 被 隐藏 了 。 隐 藏 不 需要 编辑 的 那 部 分 代码 ， 可 以 
在 程序 含有 大 量 代 码 的 情况 下 为 你 的 工作 带 来 方便 

工具 按钮 的 右边 是 一 个 标记 为 Target (目标 ) 的 下 拉 菜 单 。 你 可 以 从 中 选择 测试 时 需要 编译 
的 Flash 影片 ,选择 菜单 Control-~Test Movie 进行 测试 。 通过 此 按钮 , 我 们 不 用 先 回 到 文档 窗口 ， 
就 可 以 直接 修改 代码 并 测试 目标 影片 。 通 常 ， 窗 口 会 直接 显示 就 近 一 次 查看 过 的 Flash 影片 ， 当 
然 你 也 可 以 从 打开 的 多 个 文件 中 选择 一 个 。 

ActionScript 编辑 窗口 的 另 一 个 重要 特点 是 左边 的 行 号 。 每 一 行 都 有 一 个 号 码 。 当 你 发 布 影 
片 时 ， 出 现 的 编译 错误 会 指向 问题 所 在 的 那 行 ， 你 可 以 根据 行 号 找到 问题 所 在 。 


1.5 ”ActionScript 游戏 编程 策略 
ActionScript 3.0 具有 通用 性 。 虽 然 编程 风格 可 以 多 种 多 样 ， 但 一 样 能 创建 出 好 的 游戏 。 


然而 ， 一 些 程序 员 更 偏爱 某 一 种 风格 。 本 书 所 选择 的 方法 更 专注 于 核心 游戏 代码 ， 这 种 方法 
也 许 会 牺牲 一 些 先 进 架 构 。 
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1.5.1 单 类 方法 


本 章 前 面 所 举 的 第 3 个 Hello World 程序 只 引用 了 一 个 与 Flash 影片 名 称 相同 的 类 文件 。 这 种 
方式 既 快 速 又 简便 。 





说 明 


另 一 种 方式 是 不 同 的 游戏 对 象 和 过 程 引用 不 同 的 类 文件 。 但 对 于 小 游戏 而 言 ， 这 种 方式 
不 易 确 定 代码 所 处 的 位 置 。 例 如 ， 一 个 游戏 中 有 一 个 小 球 与 一 块 板 发 生 础 撞 ， 那 么 ， 础 
撞 检 测 退 数 是 放 在 小 球 对 象 类 中 还 是 板 对 象 类 中 呢 ? 


如 果 你 在 过 去 的 其 他 编程 经 历 中 有 束 悉 多 类 结构 ， 当 然 也 可 以 将 代码 分 割 成 多 个 类 。 
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在 只 有 一 个 类 文件 的 情况 下 ， 我 们 显然 可 以 在 类 文件 的 顶部 将 所 有 类 属性 都 定义 成 变量 。 
类 文件 控制 主 时 间 轴 , 意味 着 我 们 可 以 通过 设计 师 放 置 于 舞台 上 的 按钮 来 调用 类 中 的 公共 国 
数 ， 也 可 以 控制 主 时间 轴 ， 跳 转 到 不 同 的 帧 播放 。 


1.5.2 ”任务 细 分 法 


接 下 来 的 这 句 话 也 许 是 本 书 中 最 重要 的 内 容 ， 即 

若 你 无 法 清晰 地 理 出 编程 思路 ， 可 先 从 每 个 小 功能 开始 ， 直 到 实现 整个 功能 。 

编程 新 人 和 一 些 忘记 这 条 准则 的 高 手 常会 在 编程 过 程 中 陷入 僵局 。 他 们 心 想 :“ 我 不 知道 如 
何 让 程序 完成 指定 任务 。 

然而 ， 这 任务 其 实 就 是 由 多 个 小 任务 组 成 的 。 

例如 ， 某 程序 员 和 希望 实现 如 下 功能 ， 即 让 宇宙 飞船 跟随 玩家 按 下 的 方向 键 而 旋转 , 但 却 因 不 
知道 如 何 实现 这 个 功能 而 感到 手足 无 措 。 

实现 “旋转 飞船 ”的 关键 点 是 检测 键盘 的 方向 键 ,向 左 方向 键 按 下 时 ,飞船 Sprite 的 ratation 
属性 做 减法 ， 向 右 方向 键 按 下 时 ，ratation 属性 做 加 法 。 

于 是 ,，“ 旋 转 飞 船 ” 实 际 上 是 由 4 个 细 化 的 方法 组 成 。 

有 时候 ， 初 级 程序 员 容易 进入 同样 的 误区 。 他 们 认为 无 法 实现 一 个 完整 的 游戏 ， 因 为 它 看 起 
来 太 过 复杂 。 但 如 果 将 一 个 游戏 分 成 若干 小 部 分 ,然后 一 次 解决 一 个 部 分 ， 那么 几乎 任何 游戏 都 
可 以 创建 。 

一 个 简单 的 打 地 鼠 游 戏 也 许 只 需要 完成 不 到 100 个 小 任务 即 可 , 而 一 个 复杂 的 平台 游戏 则 需 
要 几 百 个 。 但 是 ， 将 每 个 任务 细 分 成 最 简单 的 步骤 ， 创 建 游戏 就 会 变 得 简单 。 


1.5.3 ”良好 的 编程 规范 


学 习 使 用 ActionScript 3.0 进行 编程 时 , 还 要 参照 一 些 比较 好 的 通用 编程 规范 。 它 们 不 会 如 教 
条 般 那 么 多 规则 。 尽管 在 本 书 中 , 我 偶尔 会 打破 这 些 规 范 。 不 过 如 果 你 能 学 会 运用 这 些 编程 规范 ， 
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那么 毫 无 疑问 ， 你 将 成 为 一 名 优秀 的 程序 员 。 

1. 用 好 注释 

为 代码 添加 简明 扼要 的 注释 。 

这 些 看 似 多 余 的 工作 会 让 你 在 日 后 修改 代码 时 ， 感 激 今日 所 做 的 工作 。 

如 果 你 与 其 他 程序 员 一 起 工作 , 或 者 也 许 今后 有 人 想 要 修改 你 的 代码 , 那么 这 条 建议 就 必须 
作为 编程 规范 。 

有 两 种 注释 类 型 : 行 注释 和 块 注释 。 行 注释 通常 是 一 行 代码 后 的 一 句 简单 短语 或 代码 前 的 单 
行 注释 。 块 注释 则 为 大 面积 的 注释 ， 通常 是 一 行 或 者 多 行 注释 ， 位 于 一 个 函数 或 一 段 代码 之 前 ， 
如 下 所 示 : 


someActionScriptCode(); // 这 是 行 注 释 

















// 这 是 行 注释 

someActionScriptCode(); 

/* 这 是 块 注释 。 

块 注释 可 以 有 更 多 的 内 容 ， 

包含 接 下 来 所 要 实现 功能 的 描述 */ 

同时 ， 要 让 你 的 注释 简明 扼要 ， 不 要 像 下 面 这 样 只 是 重复 代码 所 表达 的 意思 


// 循 环 10 次 

for (var i:int=0;i<10;i++) { 

同样 ， 不 要 一 大 段 话 来 描述 几 个 字 就 能 说 清 的 内 容 。 元 长 的 注释 与 没 写 注释 一 样 毫 无 帮助 。 
不 要 画蛇添足 。 

2. 使 用 描述 性 的 3 站 

不 要 怕 使 用 很 长 的 描述 性 变量 名 和 方法 名 。 使 用 描述 性 的 名 称 会 使 代码 变 得 一 目 了 然 。 如 下 
所 示 : 


Bublie funetion Butstuff() 
for(var i:int=0;i<10;i++) { 
Var a:Thing = new Thing(); 
已 .区 = i*10; 
a = S003 
addCchild(a); 





} 
} 


以 上 代码 的 作用 是 什么 呢 ? 似乎 是 将 影 族 剪辑 的 副本 显示 在 屏幕 上 。 然 而 , 是 何 影片 剪辑 ? 它 又 
作 何 用 处 呢 ? 再 来 看 看 下 面 这 段 代 码 : 


public function placeEnemyCharacters() { 
for(var enemyNum:int=0; enemyNum<10; enemyNum++) { 
Var enemy:EnemyCharacter = new EnemyCharacter(); 
enemy .X = enemyNum*10; 
enemy.y = 300; 
addChilgd (enemy); 
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如 果 如 上 编写 代码 ， 那 么 几 个 月 后 再 次 查看 ， 你 就 会 很 容易 理解 其 含义 。 


说 明 


一 个 常见 的 特例 是 字母 i 的 使 用 ， 它 通常 被 用 作 循 环 通 数 里 的 递增 变量 。 在 前 一 个 例子 
， 我 保留 了 变量 1， 不 将 其 名 称 改 为 snemyNum。 这 里 ， 改 不 改 都 无 妨 ， 不 过 在 for 
填 环 里 ， 使 用 i 已 经 成 为 程序 员 的 标准 做 法 。 实 际 上 ，for 循环 内 的 网 套 循环 也 通常 采 
字母 ] 和 k 来 作为 递增 变量 名 。 
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3. 将 重复 和 相似 的 代码 放 入 函数 中 

如 果 你 的 程序 要 多 次 使 用 同一 行 代码 ， 可 以 考虑 将 它 放 入 一 个 函数 内 ,然后 在 需要 用 时 调用 
函数 即 可 。 

例如 ， 也 许 你 的 游戏 要 在 多 个 地 方 更 新 游戏 的 分 数 。 假 设 分 数 是 显示 在 一 个 名 为 
scoreDisplay 的 文本 字段 内 ， 你 肯定 会 编写 如 下 代码 : 





scoreDisplay.text = "Score: "+playerScore; 
但 是 ， 与 其 要 在 5 个 地 方 写 入 同样 一 行 代 码 ， 不 如 在 这 5 个 地 方 调用 同一 个 函数 : 
showScore (); 


然后 ， 函 数 如 下 所 示 : 


public function showScore() { 
scoreDisplay.text = "Score: "+playerScore; 


} 

如 此 一 来 ， 由 于 上 面 这 句 代 码 只 写 在 一 个 地 方 ， 可 以 很 方便 地 将 显示 文字 从 Score 改 为 
Points。 你 不 需要 从 上 到 下 地 查找 和 替换 代码 ， 因 为 它 只 出 现在 这 一 个 地 方 。 

即便 对 于 相似 的 代码 ， 你 也 可 以 这 么 做 。 例 如 ， 有 一 个 循环 将 影片 剪辑 A 的 10 个 副本 显示 
在 舞台 的 左边 ， 另 一 个 循环 将 影片 剪辑 B 的 10 个 副本 显示 在 舞台 的 右边 。 这 时 ， 你 可 以 创建 一 
个 国 数 ， 该 国 数 通过 影片 剪辑 引用 及 水 平 放 置 位 置 来 放置 影片 剪辑 。 然 后 ， 调 用 这 个 国 数 两 次 ， 
分 别 引 用 影片 剪辑 A 和 B。 

4. 分 小 段 测试 代码 

进行 代码 编写 时 ， 尽 量 分 小 段 测 试 代码 。 这 样 ， 你 在 写 代码 时 就 能 发 现 错误 。 

例如 ， 你 想 编写 一 个 循环 将 10 个 随机 颜色 的 圆圈 随机 显示 在 屏幕 上 。 第 一 步 ， 在 随机 的 方 
位 显示 10 个 圆圈 。 先 测试 ， 确 保 它 们 能 正常 显示 。 然 后 ， 再 为 圆圈 添加 随机 的 颜色 。 

基本 上 ， 这 可 以 被 视 为 任务 细 分 法 的 扩展 。 将 程序 分 成 多 个 部 分 ， 逐 步 编写 代码 。 然 后 ， 逐 
步 测试 。 


1.6 ActionScript 的 基本 概念 


让 我 们 看 看 ActionScript 3.0 里 最 基本 的 编程 语法 。 如 果 你 是 初次 接触 ActionScript， 但 是 之 
前 用 过 其 他 编程 语言 ， 那 么 ， 这 可 以 帮 你 快速 了 解 ActionScript 是 如 何 工 作 的 。 
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可 能 你 之 前 用 过 ActionScript 或 ActionScript 2.0, 因 此 ,有 必要 在 下 面 指出 它们 与 ActionScript 3.0 
的 区 别 。 


1.6.1 创建 和 使 用 变量 


ActionScript 3.0 里 ， 存 储 值 只 需要 一 条 简单 的 赋值 语句 。 不 过 ， 第 一 次 使 用 时 要 声明 变量 ， 
方法 是 将 var 放 在 变量 之 前 : 

Var myValue = 3; 
或 者 ， 你 也 可 以 先 声 明 变 量 ， 之 后 再 使 用 : 

Var myValue; 

当 你 如 上 所 示 创 建 变量 时 ， 这 个 变量 为 通用 的 object 类 型 。 这 意味 着 ， 它 可 以 存储 任何 类 
型 的 值 : 数字 、 字 符 串 〈 如 "Hello") 及 更 复杂 的 数据 类 型 (如 数组 和 影片 剪辑 ) 。 

但 是 ， 如 果 你 声明 了 变量 类 型 ， 那 么 变量 只 能 存储 此 类 型 的 数据 ; 

Var myValue:int = 7; 

一 个 int 类 型 的 值 可 以 为 正 负 整数 。unit 类 型 的 值 则 只 能 为 正 整数 。 如 果 想 要 存储 小 数值 
(也 称 为 浮 点 数 ) ， 那 么 ， 需 要 将 变量 声明 为 Number 类 型 

Var myValue:Number = 7.8; 

还 有 String (字符 串 ) 和 Boolean (布尔 ) 变量 类 型 。 字 符 串 存储 文本 ， 布 尔 变量 的 值 只 
能 为 true ( 真 ) 或 false ( 假 )。 

以 上 为 基本 的 数据 类 型 。 你 还 可 以 创建 数组 、 影 片 剪 辑 、Sprite 以 及 与 代码 类 相 匹 配 的 新 类 型 。 

















说 明 


使 用 最 基本 变量 类 型 会 具有 明显 的 效率 优势 。 例 如 ，int 类 型 数值 的 读 取 速度 要 比 
Number 类 型 的 数值 快 上 许多 倍 。 如 果 能 尽量 为 所 有 变量 定义 基本 的 数据 类 型 ， 可 以 加 
快 你 的 游戏 运行 速率 。 
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数字 运算 操作 与 其 他 编程 语言 一 样 。 加 减 乘除 可 以 通过 +、-、* 和 /运算 符 表 示 : 
Var myNumber:Number = 7.8+2; 

Var myOtherNumber:int = 5-6; 

var myOtherNumber:Number = myNumber*3,; 

Var myNextNumber:Number = myNumber/myOtherNumber; 


也 可 以 使 用 特殊 的 运算 符 来 简化 运算 。 例 如 ，++ 运 算 符 使 变量 自 增 1，-- 运 算 符 则 使 变量 
自 减 1: 


myNumber++; 


你 还 可 以 使 用 :=、-=、*= 和 /= 运算 符 来 表示 基于 原 变量 的 计算 。 例 如 ， 变 量 加 7 的 运算 表 


myNumber += 7; 
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还 可 以 使 用 括号 来 调整 运算 顺序 : 





Var myNumber:Number = (3+7)*2; 
字符 串 同样 可 以 使 用 运算 符 + 和 +-: 
Var myString:String = "Hello"; 


Var myOtherString = myString+"World"; 
myString += "World"; 


如 果 在 类 中 定义 变量 , 这 些 谈 量 就 会 作为 类 的 属性 。 这 样 的 话 ， 我们 要 进一步 将 变量 定义 为 
private 或 public。 两 者 的 区 别 在 于 ，private 变量 不 能 被 类 外 部 的 代码 读 取 。 将 变量 设 为 
private 的 大 多 数 情况 是 ， 我 们 希望 只 有 类 函数 才能 修改 此 变量 值 。 








说 明 


同样 有 变量 可 以 存储 多 个 数值 。 例 如 ， 数 组 可 以 存储 一 系列 数值 ， 这 对 游戏 编程 非常 有 
帮助 。 我 们 将 在 第 4 章 的 开头 部 分 学 习 数 组 的 应 用 。 














































































































1.6.2 ”条件 语 句 
ActionScript 中 的 if 语句 与 在 其 他 编程 语言 中 的 用 法 类 似 : 


if (myValue == 1) { 
doSomething (); 
} 


== 符 号 用 来 表示 两 个 数值 相等 。 还 可 以 使 用 >、<、>= 和 <= 符 号 来 分 别 表 示 大 于 、 小 于 、 大 





等 于 和 小 于 等 于 。 
可 以 添加 else 和 else if 语句 来 扩展 if 结构 : 


if (myValue == 1) { 
doSomething(); 

} else if (myValue == 2) { 
doSomethingElse(); 

} else { 
doNothing (); 


} 
还 有 较为 复杂 的 条 件 表达 式 && 和 11， 他们 分 别 代 表 and 和 or 比较 运算 符 。 
















































































说 明 
有 些 编程 语言 允许 在 条 件 语句 中 使 用 and 和 or。 但 在 ActionScript 3.0 中 , 只 能 用 && 和 | 1。 
人 





doSomething() ; 
上 
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1.6.3 ”循环 





循环 通过 for 语句 或 while 语句 来 完成 。 
for 语句 由 3 个 部 分 构成 : 起 始 语句 、 条 件 和 变化 语句 。 例 如 ， 以 下 代码 将 变量 i 设 为 0， 
只 要 小 于 10 就 保持 循环 ， 并 且 每 循环 一 次 变量 i 增加 1: 


for(var i:int=0;i<10;i++) { 





了 








doSomething() ; 
} 


你 可 以 使 用 break 命令 随时 退出 循环 。continue 命令 则 是 跳 过 循环 中 剩余 的 代码 ， 并 开 
始 下 一 轮 的 循环 。 
while 循环 会 持续 循环 运行 ， 只 要 初始 条 件 一 直 满 足 : 
var i:int = 03 
while (i < 10) { 
| i+r+; 
while 循环 的 一 种 变 体 为 do. . .while 循环 。 它 们 写法 基本 一 致 ， 只 有 一 点 例外 ， 即 条 件 
语句 位 于 循环 之 后 ， 这 么 做 可 以 确保 循环 至 少 运 行 一 次 。 
var isint = 07 
do { 
} po <10): 





1.6.4 ”函数 





用 ActionScript3.0 创建 函数 只 需要 声明 函数 、 需 要 传递 给 函数 的 参数 及 函数 需要 返回 的 值 即 
可 。 然 后 就 可 以 写 代码 定义 函数 了 。 

如 果 是 类 中 的 函数 ， 你 可 能 还 需要 定义 函数 究竟 是 私有 (private) 还 是 共有 (public)。 私 有 
国 数 不 能 被 类 外 部 的 代码 所 调用 。 由 于 我 们 采用 单一 类 的 开发 策略 ， 所 以 多 数 采 用 私有 类 。 


说 明 


你 会 发 现 ， 有 时 候 函 数 也 称 为 方法 (method)。 在 Flash 文档 中 经 常 使 用 方法 这 个 术语 。 
但 如 以 下 邓 数 所 示 ， 我 们 用 关键 字 function 来 定义 遂 数 。 因 此 ， 我 更 偏向 于 使 用 术语 



























































以 下 为 某 个 类 中 的 一 个 简单 国 数 。 如 果 函 数 是 位 于 主 时 间 轴 上 而 不 是 类 中 ,， 则 可 以 删除 关键 


字 private: 
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private function myFunction(myNumber:Number, myString:String): Boolean { 
if (myNumber == 7) return true; 
if (myString.length < 3) return true; 
return false; 


} 

以 上 函数 示例 所 实现 的 功能 是 ， 如 果 数 字 为 7 或 者 小 于 3 就 返回 true。 这 个 简单 的 例子 展 
示 了 创建 函数 的 主要 语法 。 
1.7 测试 及 调试 


没有 哪 一 个 程序 员 能 写 出 完美 的 代码 ， 即 便 他 拥有 丰富 的 编程 经 验 。 因 此 ， 我们 必须 边 写 代 
码 ， 边 进行 测试 和 调试 。 





1.7.1 bug 类 型 


有 3 种 情况 需要 调试 代码 。 第 一 种 情况 ， 当 文件 编译 和 运行 时 , 得 到 出 错 信 息 。 这 种 情况 下 ， 
你 必须 找 出 错误 所 在 并 改正 它 。 通 常 ， 你 可 以 快速 找到 错误 ， 如 变量 名 拼写 错误 。 

第 二 种 情况 是 ,程序 没有 按 预 期 情况 运行 。 例 如 ， 本 该 运行 的 宇宙 飞船 没有 移动 , 或 者 用 户 
输入 无 效 , 或 者 英雄 射 向 敌人 的 子弹 直接 穿 了 过 去 。 这 类 bug 都 需要 被 解决 ， 有 时 解决 它们 要 花 
上 一 段 时 间 。 





说 明 


到 目前 为 止 ， 其 他 程序 员 跟 我 提 得 最 多 的 问题 是 ， 程 序 没有 按 预 期 情况 运行 。 我 能 告 ; 
他 们 问题 到 底 出 在 哪 吗 ? 当然 可 以 ， 但 是 答案 就 在 他 们 面前 ， 他 们 只 需要 运用 调试 技巧 
去 找到 它 。 并 且 ， 作 为 代码 的 创建 者 ， 他 们 比 我 更 容易 找 出 答案 。 























































































































第 三 种 调试 代码 的 情况 是 改进 代码 。 你 可 以 查 出 那些 使 程序 运行 缓慢 的 低 效率 因素 有 时 候 ， 
低 效率 与 游戏 bug 一 样 需要 得 到 解决 ， 因 为 运行 缓慢 的 游戏 会 去 失 可 玩 性 。 





1.7.2 测试 方法 


检查 代码 有 多 种 方式 。 最 简单 的 方法 是 在 你 的 大 脑 中 遍历 代码 。 例 如 ， 将 以 下 代码 在 大 脑 中 
一 行 行 地 运算 ， 如 同 你 就 是 电脑 : 

Var myNumber:int = 7; 

myNumber += 3; 

myNumber *= 2;，; 

myNumber+t+; 


你 不 必 运 行 以 上 代码 就 能 知道 myNumber 变量 的 当前 值 为 21。 
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对 于 很 长 或 计算 起 来 很 复杂 的 代码 ， 可 以 通过 简单 的 trace 语句 将 运行 结果 显示 在 Output Ee 
面板 ， 然 后 检查 运行 结果 : 


Var myNumber:int = 7; 

myNumber += 3; 

myNumber *= 2;，; 

myNumber++; 

trace("myNumber = ", myNumber); 


开发 过 程 中 ， 我 时 常 使 用 trace 语句 。 例 如 ， 如 果 玩 家 在 游戏 开始 时 作 了 一 系列 选择 ， 我 
会 将 他 选择 的 内 容 通过 trace 语句 显示 在 Output 面板 。 这 么 一 来 ， 测 试 时 它 就 可 以 提醒 我 游戏 
开始 前 所 作 的 选择 ， 避 免 发 生意 外 。 


1.7.3 ”使 用 调试 器 


在 Flash 环境 下 ， 可 以 在 影片 运行 时 使 用 运行 时 调试 器 来 检查 代码 。 

1. 设置 断 点 

调试 程序 最 简单 的 方法 是 设置 断 点 。 选 中 一 行 代码 ， 然 后 在 菜单 中 选择 Debug ( 调试 ) 一 
Toggle Breakpoint (切换 断 点 ) 进行 设置 。 同 样 可 以 选中 一 行 代码 后 按 下 Command+B (Mac 下 ) 
或 Ctrl+B (Windows 下 ) 来 添加 或 删除 断 点 。 

如 图 1-13 所 示 ， 人 as 文件 中 的 代码 设置 了 一 个 断 点 。 你 会 发 现 窗口 的 第 8 行 代 
码 的 左边 有 一 个 小 圆 点 。 这 个 程序 创建 了 10 个 文本 字段 , 分 别 显 示 一 个 0~9 的 数字 , 并且 垂直 
排列 在 屏幕 的 左边 














ET 
| Target: (DebugExample.fla 专 9 
1 package { 
2 import flash.display.*; 
-| import flash.text.*; 
4 
-1 public class DebugExample extends MovieClip { 
6 
7 public function DebugExample() { 
®@ 8 forCvar i:int=0;i<10;i++) { 
9 showNumberCi); 
-| | 19 } 
1 11 } 
12 
13 public function showNumberCwhichNum:int) { 
14 Var myText:TextField = new TextField(); 
15 myText .text = StringCwhichNum); 
16 myText.y = whichNum*2@; 
17 addChildCmyText); 
18 } 
19 } 
20 } a 
" 
Line 8 of 20, Col 1 











图 1-13 光标 放置 在 代码 第 8 行 ， 通过 选择 Debug-~Togsgle Breakpoint 在 此 处 设置 了 断 点 


设置 好 断 点 后 ， 就 可 以 通过 选择 Debug 一 Debug Movie 一 Debug (而 不 用 选择 Control-~Test 
Movie 一 Test) 来 测试 影片 。 当 程序 执行 到 断 点 所 在 的 行 时 ， 它 就 会 停止 并 在 多 个 调试 窗口 中 显 
示 各 种 信息 。 
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断 点 设置 在 第 8 行 ， 如 果 选 择 Debug 一 Debug Movie， 那 么 除了 运行 Flash 影片 外 ,还 会 出 现 
一 整套 调试 面板 。 图 1-14 中 显示 了 这 些 面 板 。 

































































9 EL DEBUGY |[D Ci_csiive ~ 
一 一 一 一 | ® Debvopmpleas 2 ， ee 
et 中 内 yw 导 加 治 革 某 四 四 Taget (Debugpramplefla 名 [加 ] 
XO 1 package { 
Call Stack 2 import flash.display.*; 
DebugExample 3 import flash.text.*; 
4 
5 public class DebugExample extends MovieClip { 
6 
yd public function DebugExample() { 
© 8 forCvar i:int=0;i<10;i++) { 
9 showNumberCi); 
10 } 
11 } 
1 12 
| 13 public function showNumberCwhichNum:int) { 
14 Var myText:TextField = new TextField(); 
15 myText .text = StringCwhichNum); 
rE T 9 16 myText.y = whichNum*20; 
17 addChildCmyText); 
[~ | | 13 } 
Name 19 } 
p ith 区 } 
i 
Line 8 of 20, Col 1 
OUTPUT Es 
Attempting to launch and connect to Player using URL /Users/ 
rosenz/Documents/Books/AS3GPUZ2/Revised Chapters/Source/Chapter 
1/DebugExample. swf 
[SWF] Users:rosenz:Documents:Books:AS3GPUZ2:Revised Chapters: 
Source:Chapter 1:DebugExample.swf - 2056 bytes after 
decompression 
Ki bp 
i 周二 加 元 一 让: 小 台 
图 1-14 ”调试 面板 显示 了 关于 程序 状态 的 各 种 信息 





2. 遍历 代码 

在 图 1-14 中， 界面 左上 方 的 Debug Console (调试 控制 台 ) 面板 的 上 方 有 5 个 按钮 。 第 一 个 
是 “继续 ”按钮 ， 它 使 影片 从 停 下 的 地 方 继续 运行 。 第 二 个 按钮 为 一 个 X， 它 终止 调试 会 话 ， 并 
使 影片 之 后 以 非 调 试 状态 运行 。 

另外 3 个 按钮 用 来 遍历 代码 。 第 一 个 按钮 执行 当前 代码 行 ,并 向 下 继续 。 如 果 当 前 代码 行 调 
用 了 其 他 函数 ， 则 运行 调用 的 函数 。 第 二 个 按钮 为 “ 跳 入 ”按钮 ， 它 使 调试 进入 当前 代码 行 上 的 
函数 。 重 复 单 击 “ 跳 入 ”按钮 ， 会 逐步 运行 函数 中 的 每 一 行 ， 而 不 是 跳 过 函数 调用 。 

最 后 一 个 按钮 是 跳出 当前 函数 ,可 以 单 击 此 按钮 结束 当前 函数 ,然后 继续 上 一 步 的 函数 调试 。 

如 图 1-15 调试 面板 所 示 ， 调 试 进入 showNumbet 函数 ， 并 继续 向 下 运行 几 行 。 你 可 以 从 变 
量 面 板 中 观察 i 的 值 ， 也 可 以 打开 myText 变量 ， 查 看 文本 字段 的 所 有 属性 。 

界面 的 左上 方 显示 了 当前 运行 的 程序 。 目 前 程序 处 于 showNumber 函数 ,该 函数 由 类 的 构 
造 函数 调用 。 一 个 函数 可 以 在 多 处 调用 ， 这 对 于 我 们 编程 是 非常 方便 的 。 

学 会 如 何 通 过 调试 器 来 修复 bug 和 意外 行为 与 学 会 编写 代码 同等 重要 。 在 学 习 本 书 中 的 游戏 
并 试 着 根据 需要 修改 它们 的 同时 ， 可 以 学 习 如 何 调试 。 
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% DebugExample.as 









DEBUG CONSOLE 



























下 | 和 月 车 加 隐 共 共生 四 四 Taget (Debugpamplefa 辣 [@] 

XROY 1 package { 
Call Stack 2 import flash.display.*; 
DebugExample/showNumber 3 import flash.text.*; 
DebugExample 4 ee 

5 public class DebugExample extends MovieClip { 

6 

7 public function DebugExample() { 

® 8 forCvar i:int=0;i<10;i++) { 

















9 showNumberCi); 
10 } 
11 } 
1 12 
13 public function showNumberCwhichNum:int) { 
14 Var myText:TextField = new TextField(); 
15 myText.text = StringCwhichNum); 
16 myText.y = WhichNum*2@; 
17 addChildCmyText); 

VARIABLES 18 } 

Name 19 } 

* this z0 } 

whichNum 





pp myText 









Attempting to launch and connect to Player using URL /Users/ 
rosenz/Documents/Books/AS3GPUZ2/Revised Chapters/Source/Chapter | 








1/DebugExample. swf 

[SWF] Users:rosenz:Documents:Books:AS3GPUZ2:Revised Chapters: 
Source:Chapter 1:DebugExample.swf - 2056 bytes after 
decompression 




















图 1-15 调试 面板 显示 了 逐步 调试 程序 的 过 程 


1.8 发 布 游戏 


当 你 完成 一 个 游戏 ， 并 根据 你 的 需求 测试 后 ， 就 可 以 发 布 你 的 游戏 了 。Flash 游戏 通常 以 由 
入 HTML 页 面 的 形式 在 网 络 中 发 布 。 

你 可 以 轻松 在 Flash 环境 下 完成 发 布 ， 但 是 在 发 布 之 前 ， 你 先 要 了 解 一 些 发 布 选项 设置 。 

你 可 以 选择 File (文件 ) 一 Publish (发 布设 置 ) 打开 Setting 对 话 框 。 首 先 ,确保 你 浏览 的 是 
Flash 影片 文件 .fla 格式 )， 而 不 是 ActionScript 类 文件 (.as 格式 )。 发 布设 置 都 与 Flash 影片 文 
件 息 息 相 关 。 

发 布设 置 对 话 框 内 主要 有 3 个 部 分 : 格式 、Flash 和 HTML。 


1.8.1 格式 


如 图 1-16 所 示 ， 你 可 以 在 格式 设置 中 选择 要 导出 的 文件 。 

如 果 用 户 没 有 安装 Flash 播放 器 ， 常 常 选择 图 片 格式 代替 。Projector 是 指 作为 单机 应 用 程序 
回放 ， 而 不 是 创建 在 Web 浏览 器 中 回放 的 Flash 格式 文件 (.swf)。 

如 果 你 已 经 在 网 站 上 使 用 了 自 定 义 网 页 模板 ， 就 不 需要 再 选择 HTML 选项 了 。 因 为 你 不 希 
望 在 默认 网 页 上 和 财 入 游戏 。 但 是 ， 你 仍然 需要 导出 游戏 ,并 在 你 自己 的 页 面 中 添加 默认 网 页 的 主 
体 代码 。 











24 第 1 章 使 用 Flash 和 ActionScript 3.0 




















Publish Settings 
Current profile: | Default 病 下 J+ 人 [6 

Type: File: 

园 hash (.swh) DebugExample.swf [el 
加 HTML Chtm) DebugExample.html LE 
口 ciF Image (.gif) DebugExample.gif [a 
DJPEG Image (jpg) DebugExample.jpg 加 
口 PNGImage (.png) DebugExample.png [el 
DD Windows Projector (.exe) DebugExample.exe [el 
口 Macintosh Projector [DebugExampleapp 区 


Use Default Names 


图 1-16 只 选中 Flash 和 HTML 格式 











1.8.2 Flash 


Flash 设置 对 于 导出 像 游戏 这 么 复杂 的 Flash 影 片 是 非常 关键 的 。 我 们 要 设置 影片 来 导出 Flash 
Player 10 文件 ， 并 将 ActionScript 版 本 设 为 ActionScript 3.0 ( 见 图 1-17)。 


_ Publish Sertings _ 














Current profile: | Default 间 四 J+ 男 [6 











Formats IFlash” HTML } 





Player [Flash Player 10 el Iinfc 


Script: [ ActionScript 3.0 关 (Settings... 








Images and Sounds 


JPGquallty: 一 一 全 一 而 


DD Enable JPEG deblocking 
Audio stream: MP3, 16 kbps, Mono Set... 








Audio event: MP3, 16 kbps, Mono Set... 


口 override sound settings 
DD Export device sounds 





SWF Settings 
加 compress movie 
加 Include hidden layers 
MInclude XMP metadata (File Info... ) 
DExport SWC 
Advanced — 


Trace and debug: [] Generate size report 
加 protect from import 
DD Omit trace actions 
口 permit debugging 
Password: 


Local playback security: | Access local files only 
Hardware Acceleration: | None | 


Script time limit: 15 seconds 


Ce ) CD 











1-17 对 于 一 般 的 Flash 游戏 而 言 ， 比 较 好 的 设置 
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你 还 需要 选中 Protect from Import (防止 导入 ) 选项 ， 这 样 ， 其 他 人 下 载 并 修改 你 的 影片 就 [LEE 


说 明 


遗憾 的 是 ，Flash 影片 在 网 络 上 发 布 后 ， 并 没有 万 全 的 保护 方法 ， 总 会 有 反 编 译 软件 将 压 
缩 过 的 SWF 文件 转换 为 可 用 的 FLA 影片 文件 。 选 择 Protect from Import 和 Compress Movie 
( 压缩 影片 ) 会 使 反 编 译 变 得 困难 ， 但 仍然 存在 风险 。 
















































































游戏 开发 者 最 为 关注 的 是 Hardware Acceleration (硬件 加 速 ) 设置 。None 为 默认 模式 或 之 前 
版 本 Flash 的 设置 。 而 在 Flash CS5 中 , 你 还 可 以 将 硬件 加 速 设置 为 Direct 或 GPU, 设置 为 Direct， 
会 直接 在 屏幕 上 绘制 图 形 ， 而 不 是 在 浏览 器 窗口 。GPU 则 通过 电脑 的 图 形 处 理 器 来 绘制 图 形 或 

回放 影片 。 

如 果 你 愿意 的 话 , 可 以 对 两 种 硬件 加 速 方 法 进行 测试 , 但 必须 在 浏览 器 中 进行 , 因为 在 Flash 
中 测试 用 不 上 这 两 种 硬件 加 速 。 如 果 回 放 Flash 的 电脑 不 能 满足 其 中 任何 一 项 加 速 设置 ， 就 会 还 
原 为 None 设置 。 

其 余 的 Flash 设置 则 关注 于 压缩 和 影片 安全 设置 。 你 可 以 查阅 Flash 文档 详细 了 解 其 他 选项 。 








1.8.3 HTML 


只 有 在 通过 HTML 页 面 将 游戏 发 布 到 网 站 时 , 才 需 要 设置 HTML 选项 不 过 ,了解 一 下 Adobe 
提供 了 哪些 发 布设 置 总 不 会 错 。 图 1-18 显示 了 HTML 选项 设置 。 


Publish Settings 











Current profile: | Default 病 上 + 辕 [o13 








Template: [ Flash Oniy 网 (info 





MDetect Flash Version 
Version: 10 .1 lS2 


Dimensions: [ Match Movie 阐 


width Height 
5 x )| 





Playback: DD Paused at start 加 Display menu 
加 Loop 口 Device font 


Quality: | High 叶 
WindowMode: [Window 列 | 
HiMLalignment: [Defaut 并 


H E ical: 
Flash alignment: [Center 并 [Geneer 页 














图 1-18 你 可 以 从 HTML 设置 中 选择 一 个 HTML 模板 来 导出 Flash 影 
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默认 模板 Flash Only ( 仅 Flash) 使 用 JavaScript 来 幅 入 影片 。 这 就 要 用 到 swfobjectjs 文件 ， 
该 文件 会 伴随 影片 的 发 布 而 生成 。 然 后, HTML 主页 面 会 在 此 文件 中 加 载 JavaScript, 接着 将 Flash 
影片 放 入 网 页 的 <div> 标 签 内 。 


说 明 


为 什么 不 像 以 前 一 样 采用 简单 的 <object>/<embed> 标 签 ， 而 改 用 麻烦 的 JavaScript 
来 嵌入 影片 呢 ? 因为 有 专利 冲突 ， 微 软 必 须 修 改正 浏 览 器 脱 套 媒体 文件 的 方式 。 任 何 直 
接 说 入 网 页 中 的 媒体 文件 需要 在 人 B7 或 下 6 部 分 版 本 中 通过 单 击 激活 。 而 采用 JavaScript 
的 方式 可 以 省 去 多 余 的 单 击 操作 。 





























































































































常用 的 做 法 是 将 Flash 影片 的 尺寸 覆盖 整个 浏览 器 。 可 以 将 Dimensions (尺寸 ) 的 单位 设置 
为 百分数 ， 然 后 将 Width ( 宽 ) 和 Height (高 ) 均 调 为 100。 这 样 ， 影 片 会 以 固定 比例 填 满 整 个 
浏览 器 窗口 。 

将 Scale 设 为 Exact Fit (精确 匹配 ) 时 ， 影 片 不 按 国定 比例 缩放 ， 其 垂直 尺寸 和 水 平 尺寸 根 
据 窗口 的 高 度 和 宽度 而 定 。 

因为 Flash 中 的 矢量 图 形 都 能 够 很 好 地 缩放 ， 并 且 程 序 在 任何 尺寸 下 都 可 以 很 好 地 运行 ， 所 
以 允许 用 户 通过 改变 浏览 器 窗口 来 调节 游戏 界面 的 尺寸 是 个 不 错 的 做 法 。 这样 一 来 , 无 论 是 大 显 
示 器 还 是 小 显示 器 ， 玩 家 都 可 以 根据 自己 的 偏好 来 玩 游戏 。 

另 一 个 选项 是 Quality (品质 ) 设置 。 默 认 设置 为 High (高 )，Flash 播放 器 会 以 高 分 辩 率 泻 
染 图 像 ， 获 得 最 佳 反 锯齿 矢量 图 形 效果 。 将 质量 设 为 Medium (中 等 ) 会 降低 反 锯 齿 效果 ,但 影 
片 性 能 会 增强 。 采 用 Auto High (自动 升 高 ) 设置 ， 则 会 尽量 输出 高 画 质 ， 但 遇 到 影片 运行 太 慢 
的 情况 时 ， 自 动 下 调 为 中 等 。 采 用 Low ( 低 ) 设置 ， 则 会 取消 反 锯齿 效果 , 但 可 以 获得 最 佳 回 放 
速度 。 最 后 一 个 为 Best (最 佳 )， 与 High (高 ) 类 似 。 它 们 之 间 的 区 别 在 于 ，High 仍然 会 偏向 于 
提升 动画 的 回放 速度 ， 而 Best 则 输出 最 好 画 质 而 不 考虑 速度 。 


1.9 ”ActionScript 游戏 编程 检查 清 


创建 Flash 游戏 时 需要 考虑 众多 因素 。 有 时 候 容 易 忘 记 关键 的 游戏 元 素 , 导致 游戏 运行 不 畅 。 
为 了 避免 这 些小 错误 ， 你 可 以 参考 以 下 检查 清单 。 


1.9.1 发布 和 文档 设置 


Publishing Settings 对 话 框 和 影片 Properties 面板 中 的 众多 关键 设置 很 容易 忘记 。 

1. 文档 类 是 否 设置 正确 

图 1-7 显示 了 如 何在 影片 文档 面板 中 设置 影片 的 文档 类 。 忘 记 设 置 文档 类 就 意味 着 影片 直接 
运行 而 不 与 你 所 创建 的 类 相关 联 。 
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2. Publishing Settings 是 否 设置 正确 

确保 Publishing Settings 中 已 设置 影片 由 Flash 10 和 ActionScript 3.0 编译 。 虽然 即便 没有 设置 
正确 ， 影片 也 有 可 能 正常 编译 ,但 是 仍然 存在 编译 风险 。 

3. 检查 安全 设置 

Publishing Settings 的 Flash 部 分 有 项 Local Playback Security (本 地 回放 安全 性 ) 设置 。 可 以 
将 它 设 为 Access Local Files Only (只 访问 本 地 文件 ) 或 Access Network Files Only (只 访问 网 络 )。 
你 需要 从 中 选择 一 项 来 确保 Flash 影片 的 安全 。 

如 果 Publishing Settings 中 设置 了 Access Network Files Only， 那 么 在 需要 获取 本 地 文件 时 就 
会 遇 到 问题 .如果 你 的 程序 全 部 使 用 外 部 文件 , 当 你 将 影片 上 传 至 服务 器 却 没 有 获得 预期 效果 时 ， 
请 首先 检查 这 个 设置 。 


1.9.2 类、 函数 和 变量 的 名 称 


即便 严格 遵守 本 章 之 前 介绍 的 编程 习惯 ， 你 仍然 容易 犯 些 不 易 察 觉 的 简单 错误 。 
1. 注意 大 小 写 
在 为 变量 和 函数 命名 时 ， 要 注意 字母 的 大 小 写 。 如 ，myVariapble 和 myvariable 是 完全 
不 同 的 两 个 变量 。 同样 ， 名 为 myclass 的 类 会 在 初始 化 时 调用 myclass 函数 。 如 果 你 不 小 心 将 
国 数 名 写成 myclass， 则 会 导致 调用 失败 。 
因为 书写 有 误 的 变量 名 无 法 初始 化 , 所 以 编辑 器 通常 会 捕捉 到 变量 名 的 不 一 致 。 但 是 忘记 已 
声明 的 变量 ， 然 后 再 以 另 一 种 写法 声明 一 次 变量 的 情况 也 是 有 可 能 发 生 的 。 这 块 要 时 刻 洽 
2. 是 否 存在 影片 剪辑 类 文件 
如 果 为 影片 剪辑 设置 了 可 通过 ActionScript 调用 的 链接 名 称 ， 那 么 影片 剪辑 可 以 采用 默认 类 
或 自 定 义 类 。 例如, 你 可 以 创建 一 个 Enemycharacter 影片 剪辑, 然后 将 一 个 EnemyCharacter.as 
类 文件 与 之 相关 联 。 
但 是 ， ee a 写 错 。 例 如 ， 0 写 而 写成 Enemycharacter.as 
(小 写 的 c) ， 于 是 导致 无 法 关联 Enemycharacter 影片 剪辑 。 
3. we 
可 以 通过 如 下 写法 定义 影片 的 类 : 


public class myClass extends Sprite { 


继承 Sprite 而 不 是 Movieclilp 意味 着 该 影片 只 能 有 一 个 帧 ， 如 果 代 码 指向 其 他 帧 则 会 
导致 运行 出 错 。 

4. 构造 函数 名 是 否 设置 正确 

如 果 你 有 一 个 类 文件 名 为 myclass ， 那 么 类 的 构造 函数 名 必须 与 类 名 完全 一 致 ， 即 为 
myClass。 否 则 当 类 运行 时 ， 函 数 不 会 初始 化 。 或 者 ， 如 果 你 不 希望 函数 在 类 调用 时 就 运行 ， 可 
以 将 其 命名 为 如 startMyclass， 然 后 运行 帧 时 调用 它 。 
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1.9.3 ”运行 时 问题 


也 有 一 些 问 题 不 会 引起 编译 错误 , 或 者 最 初 的 时 候 都 不 能 算 作 是 问题 。 但 是 , 随 着 开发 的 深 
入 ， 这 些 癌 题 会 逐渐 涌现 出 来 ， 而 且 很 难 追 根 溯源 。 

1. 是 否 在 对 象 还 未 初始 化 时 就 对 其 属性 进行 设置 

这 个 问题 很 让 我 头疼 。 通 常 的 情况 是 ， 你 跳 转 到 影片 新 的 一 帧 或 新 的 影片 剪辑 ， 并 试图 读 取 
已 有 对 象 的 属性 。 但 由 于 帧 及 其 对 象 都 还 没有 初始 化 ， 对 象 的 属性 不 存在 。 

TooEarlyExample.fla 和 TooEarlyExample.as 文件 演示 了 这 种 情况 。 类 文件 运行 到 主 时 间 轴 的 
第 2 帧 ,为 两 个 文本 字段 中 的 第 一 个 赋值 时 ， 出 现 运行 错误 信息 。 在 影片 初始 化 后 ， 依 次 调用 类 
中 的 函数 为 第 二 个 文本 字段 赋值 。 函 数 为 第 二 个 文本 字段 赋值 没有 出 现 问 题 。 

2. 是 否 清除 了 对 象 

编程 时 , 尽管 不 这 么 做 不 会 引起 太 大 的 问题 , 但 在 使 用 后 将 所 有 创建 的 对 象 清除 是 一 个 良好 的 
编程 习惯 。 例 如 , 游戏 时 玩家 在 屏幕 中 进行 射击 , 他 们 很 有 可 能 持续 按 住 一 个 键 在 一 分 钟 内 射出 上 
百 颗 子 弹 。 当 要 空 出 屏幕 上 的 空间 时 ， 你 不 会 希望 将 这 些 对 象 留 在 内 存 中 并 持续 追踪 这 些 对 象 。 

要 完全 清除 对 象 ， 你 只 需 从 变量 或 数组 中 移 除 对 象 的 引用 并 通过 removechi1ld 命令 从 显示 
清单 中 移 除 对 象 即 可 。 

3. 是 否 为 所 有 的 变量 都 定义 了 正确 的 类 型 

另 一 个 不 会 即刻 引起 故障 的 因素 是 变量 类 型 ,但 它 可 能 会 留 下 长 期 隐患 。 能 使 用 int 或 unit 
类 型 时 就 不 要 使 用 Number 类 型 。 因 为 程序 执行 int 或 unit 类 型 的 速度 更 快 且 占用 内 存 更 少 。 
如 果 数 组 内 存储 了 上 千 个 数字 ， 你 会 发 现 程序 使 用 Number 类 型 比 使 用 int 类 型 运行 起 来 要 慢 
得 多 。 

更 糟糕 的 情况 是 使 用 无 类 型 变量 , 即 object (对 象 )。Object 类 型 既 可 以 存储 数字 也 可 以 存 
储 整 型 , 但 也 要 占用 更 多 的 内 存 。 同样 , 能 使 用 单 帧 Sprite 类 型 时 要 避免 使 用 Movieclip ( 影 
片 剪 辑 ) 类 型 。 

4. 是 否 能 入 了 所 有 字体 

使 用 动态 文本 字段 会 相对 复杂 。 如 果 你 在 舞台 上 放置 了 文本 字段 ， 但 忘记 徐 入 所 需 的 字体 ， 
则 会 导致 出 错 。 更 糟糕 的 是 ， 动 态 创 建文 本 字段 并 使 用 未 嵌入 影片 的 字体 ， 则 会 导致 文本 字段 
一 片 空白 。 

在 影片 中 添加 字体 的 方法 是 ， 打 开 Library 〈 库 ) 面板 ， 选 择 右 上 方 的 下 拉 菜 单 ， 将 字体 添 
加 进 库 。 记 住 ， 你 也 许 需 要 嵌入 一 种 字体 的 多 个 版 本 来 应 对 差异 化 ， 如 Arial 和 Arial Bold。 

你 可 以 从 8.1.2 节 了 解 更 多 关于 字体 认 入 问题 的 讨论 。 






































1.9.4 测试 问题 
以 下 为 测试 过 程 中 可 能 会 遇 到 的 问题 或 测试 过 程 中 的 注意 事项 。 
1. 是 否 需要 禁用 快捷 键 
如 果 测 试 影片 时 要 用 到 键盘 输入 , 你 可 能 会 发 现 部 分 按键 没有 反应 。 这 是 因为 测试 环境 中 的 


1.9 ActionScript 游戏 编程 检查 清 站 29 





快捷 键 和 部 分 按键 产生 了 冲突 。 [REE 
选择 Control (控制 ) 一 Disable Keyboard Shortcuts (禁用 快捷 键 ) 来 关闭 测试 环境 中 的 快捷 
键 ， 使 影片 在 网 络 上 保持 一 致 的 使 用 效果 。 
2. 是 否 以 其 他 帧 频 测 试 过 
如 果 你 采用 的 是 基于 时 间 的 动画 ， 那 么 ， 不 管 你 的 帧 频 设 为 1 还 是 60， 动 画 都 具有 相同 的 
运行 速率 。 不 过 ， 值 得 以 低 帧 频 (如 6fps 或 12 fps) 测试 动画 ， 看 看 在 速度 较 慢 时 用 户 所 观看 到 
的 效果 。 本 书 中 的 游戏 都 是 采用 基于 时 间 的 动画 。 
在 低 帧 频 和 高 帧 频 情况 下 , 是 否 存在 某 些 系 统一 直 采 用 基于 时 间 的 动画 或 响应 , 这 同样 值得 
我 们 测试 。 
3. 是 否 在 服务 器 上 测试 过 
如 果 你 假设 在 影片 开始 时 所 有 的 对 象 都 已 准备 好 ， 会 出 现 似曾相识 的 问题 。 
影片 流 是 在 所 有 媒体 下 载 好 之 前 就 开始 播放 。 
但 是 ， 本 地 测试 影片 时 ， 所 有 媒体 文件 都 是 准备 好 的 。 然 而 当 上 传 至 服务 器 并 测试 时 ， 最 开 
始 的 几 秒 甚至 几 分 钟 会 缺失 部 分 元 素 。 














事实 上，Flash 


尾 


说 明 


测试 影片 时 ， 你 可 以 选择 View (视图 ) 一 Simulate Download (模拟 下 载 ) 重启 测试 。 同 
时 ， 在 View 一 Download Settings (下 载 设置 ) 中 设置 模拟 下 载 速度 ， - 2 这 时 ， 影 
片 重启 ， 并 以 模拟 速度 加 载 。 同 时 ， 我 还 会 在 一 个 真实 服务 器 上 测试 一 次 ， 确 保 影 


一 /一 


正常 运行 。 



























































这 类 问题 的 万 能 解决 方法 是 增加 一 个 载 入 界面 ,用 来 等 待 所 有 媒体 的 加 载 。 从 第 2 章 中 了 解 
有 关于 载 人 界面 的 例子 

有 了 这 个 检查 清单， 你 就 可 以 更 轻易 地 避 开 这 些 常 见 问 题 ， 然 后 用 更 多 的 时 间 来 创建 游戏 ， 
更 少 的 时 间 处 理 bug。 

现在 , 我 们 全 面 了 解 了 ActionScript 3.0 的 基础 知识 。 在 接 下 来 的 一 章 中 ,我 们 将 学 习 创建 游 
戏 模块 的 几 个 简短 示例 ， 帮 助 你 建立 自己 的 游戏 。 








ActionScript 游戏 元 素 


本 章 内 容 


口 创建 可 视 对 象 
口 接收 用 户 输入 
口 创建 动画 
口 设计 用 户 交 互 
口 获取 外 部 数据 
口 各 类 游戏 元 素 
在 创建 完整 的 游戏 之 前 , 我 们 先 从 游戏 的 各 个 组 成 部 分 开始 。 本章 的 小 程序 将 为 我 们 介绍 一 
些 基 本 的 ActionScript 3.0 概念 ， 并 为 我 们 提供 一 些 后 续 能 用 到 的 模块 (building block) ， 这 些 模 
块 可 以 运用 到 你 自己 的 游戏 中 。 


源 文件 
http://flashgameu.com 


A3GPU202_GameElements.zip 





2.1 创建 可 视 对 象 


我 们 先 从 在 屏幕 中 创建 和 操作 对 象 开始 。 我 们 可 以 从 库 中 提取 影片 剪辑 、 将 影片 剪辑 转换 为 
按钮 、 绘 制图 形 和 文本 ， 然 后 学 习 将 这 些 元 素 组 合 在 Sprite 内 。 
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2.1.1 使 用 影片 剪辑 


2 又 含 | 有 两 种 方法 可 以 将 其 运用 在 游戏 中 。 
一 种 方法 是 ,直接 拖 ; 剪辑 至 舞台 中 ， 并 在 Property Inspector (属性 检查 器 ) 中 设 定 其 
实 卫 名称。 图 2-1 展示 了 一 个 拖 虽 到 舞台 的 影 剪辑 , 它 在 属性 检查 器 中 被 命名 为 myClipInstance。 
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图 2-1 剪辑 在 库 中 的 名 称 为 Mascot， 但 有 舞台 
剪辑 实例 名 称 则 为 myClipInstance 


然后 ， 你 可 以 通过 引用 该 影片 剪辑 的 实例 名 称 来 修改 其 属性 : 


myClipInstance.x 
myClipInstance.y 


第 二 种 方法 是 ， 直 接 通过 ActionScript 代码 在 游戏 中 调用 影片 剪辑 。 但 是 ， 首 先 要 设 定 影 
剪辑 的 Linkage (链接 ) 属性 ， 使 其 变 得 可 用 。 这 可 以 通过 单 击 Library ( 库 ) 右边 的 Linkage 栏 
来 实现 。 图 2-1 中 ， 影 片 剪 辑 的 名 称 Mascot 已 经 显示 在 Library 中 。 我 通常 会 将 类 名 设置 成 与 该 
影片 剪辑 名 称 一 致 以 便于 记忆 。 

现在 ， 我 们 只 需要 通过 ActionScript 代码 就 能 创 剪辑 的 副本 。 我 们 需要 创建 一 个 变量 
来 保存 对 象 实例 ， 再 通过 adachild ( We 


Var myMovieClip:Mascot = new Mascot(); 
addChild (myMovieClip); 


变量 myMovieClip 的 对 象 类 型 为 Mascot ， 意 味 着 myMovieclip 可 以 引用 Library 中 的 
Mascot 影片 剪辑 。 接 着 ,使 用 new 语法 创建 Mascot 类 的 一 个 新 对 象 , addchild () 方 法 会 将 此 
Mascot 对 象 添加 至 0 片 的 显示 列表 中 ， 使 其 在 屏幕 中 可 见 。 

因为 我 们 没有 设 剪辑 的 其 他 属性 , 因此 它 显 示 在 舞台 的 (0, 0) 坐 标 处 。 我 们 可 以 通过 影 
片 剪辑 实例 的 x、y i 蕊 在 屏幕 中 的 显示 位 置 ， 也 可 以 通过 其 rotation 属性 来 设 定 它 
的 旋转 角度 。 属 性 值 以 数字 形式 表示 。 


300 
200 
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Var myMovieClip:Mascot = new Mascot(); 
myMovieClip.x = 275; 

myMovieClip.y = 150; 
myMovieClip.rotation = 10; 

addCchild (myMovieClip); 


尽管 看 起 来 处 理 一 个 影片 剪辑 的 工作 量 非常 大 ， 但 ActionScript 可 以 很 简单 快速 地 创建 影 
剪辑 的 多 个 副本 。 下 面 的 代码 创建 了 Mascot 对 象 的 10 个 副本 ， 它 们 的 水 平方 向 从 左 到 右 依次 
增加 50 像素 ， 同 时 ， 影 片 剪辑 的 大 小 设 为 原始 大 小 的 50%。 

for (var i=0;i<10;i++) { 

Var mascot :Mascot = new Mascot (); 
mascot.x = 50*i+50; 
mascot.y = 300; 
mascot .ScaleX = .5; 
mascot .ScaleY = .5; 
addChild (mascot); 
} 


图 2-2 展示 了 以 上 两 段 代码 的 运行 结果 。 第 一 个 Mascot 位 于 屏幕 顶端 ， 坐 标 为 (275, 100)， 
其 他 Mascot 则 位 于 下 方 , 以 垂直 方向 300, 水 平方 向 50 至 500 依次 排 开 , 每 个 影片 剪辑 的 大 小 
为 初始 大 小 的 一 半 。 








BOe UsingMovieClips.swf 














图 2-2 通过 ActionScript 代码 创建 的 11 个 mascot 对 象 





你 可 以 在 影片 UsingMovieClips.fla 中 找到 本 例子 ， 代 码 位 于 第 1 帧 。 


2.1.2 ”创建 按钮 


同样 ， 你 也 可 以 只 使 用 ActionScript 来 创建 按钮 。 按 钮 可 以 基于 库 中 存储 的 影片 剪辑 或 按钮 
元 件 创建 。 
如 果 和 希望 影片 剪 辑 转换 成 一 个 可 单 击 的 按钮 ， 你 只 需 为 其 分 配 一 个 侦 听 器 (listener)， 影 片 








2.1 创建 可 视 对 象 33 





剪辑 就 可 以 侦 听 事件 ， 本 案例 中 侦 听 鼠标 单 击 事件 。 
下 面 的 代码 将 创建 一 个 位 于 坐标 (100, 150) 的 新 影片 剪辑 : 
Var myMovieClip:Mascot = new Mascot(); 
myMovieClip.x = 100; 


myMovieClip.y = 150; 
addChild (myMovieClip); 


你 可 以 通过 addEventListener () 方 法 来 分 配 侦 听 器 ， 包 括 设置 侦 听 器 响应 的 事件 类 型 。 
变量 名 称 根据 不 同 的 对 象 或 事件 而 定 。 本 案例 中 ，MouseEvent .CLICK 对 鼠标 点 击 事件 作出 响 
应 。 除 此 之 外 ， 还 需 指定 事件 处 理 方法 ， 本 案例 中 为 clickMascot () 方 法 : 

myMovieClip.addEventListener (MouseEvent .CLICK, clickMascot); 


clickMascot () 方 法 用 来 向 Output 窗口 传递 信息 。 当 然 ， 在 应 用 程序 或 游戏 中 ， 它 能 实现 
些 更 有 用 的 功能 。 


function clickMascot (event :MouseEvent) { 
trace("You clicked the mascot!"); 











} 

为 了 使 你 的 影片 剪辑 看 起 来 更 像 按 钮 ， 还 需要 将 影片 剪辑 实例 的 buttonMode 属性 设 为 
true。 这 可 以 使 光标 悬 停 于 影片 剪辑 上 方 时 ， 光 标 变 成 手指 图 标 。 

myMovieClip.buttonMode = true; 

当然 ， 你 也 可 以 通过 ActionScript 来 创建 按钮 元 件 实 例 ， 就 像 处 理 影片 剪辑 一 样 。 本 例 中 ， 
按钮 元 件 链接 着 LibraryButton 类 。 


Var myButton:LibraryButton = new LibraryButton() : 
myButton.x = 450; 

myButton.y = 100;} 

addChild (myButton); 


影片 剪辑 与 按钮 元 件 最 主要 的 区 别 在 于 ， 按 钮 的 时 间 轴 包含 4 个 特殊 帧 。 图 2-3 向 我 们 展示 
了 LibraryButton 元 件 的 时 间 轴 。 


TIMELINE 
































可 总 对 i 自古 曲 [ 1 ps 905 区 » 
图 2-3 ”按钮 的 时 间 轴 包含 4 个 帧 ， 其 中 3 帧 用 来 
处 理 按钮 的 状态 ， 最 后 1 帧 显示 点 击 区 域 

第 1 帧 显示 按钮 在 没有 鼠标 请 过 时 的 外 观 , 第 2 帧 显示 鼠标 清 过 按钮 时 的 外 观 , 第 3 帧 表示 按 
钮 在 单 击 后 且 未 释放 状态 下 的 外 观 。 最 后 一 帧 表示 按钮 的 单 击 触发 区 域 ， 它 在 任何 时 候 都 不 可 见 。 
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说 明 


最 后 一 怖 可 以 放置 一 张 比 其 他 帧 上 元 素 大 一 点 的 图 片 ， 这 样 无 论 用 户 单 击 按钮 还 是 单 击 
按钮 附近 ， 按 钮 都 会 月 反应。 或 者 ， 如 果 按钮 帧 上 的 元 素 之 间 存 在 间隙 (如 一 些 字母 或 
不 规则 图 形 ) ， 可 在 最 后 一 帧 放置 一 个 规则 的 圆 形 或 方形 来 提供 可 单 击 区 域 。 你 也 可 以 


\ 


通过 5 4 住 明 后 帧 上 放量 元 素来 创建 不 可 见 按钮 。 






































































































































































































































图 2-4 展示 了 3 种 按钮 状态 及 一 个 影片 剪辑 的 单 击 区 域 。 这 仅仅 是 一 个 例子 ， 按 钮 的 弹 起 或 
按 下 状态 可 以 有 多 种 方式 。 








几 

















图 2-4 ”这 四 帧 共同 构成 一 个 按钮 元 件 
你 可 以 采用 为 影片 剪辑 添加 侦 听 器 那样 的 方式 为 按钮 添加 侦 昕 器 : 


myButton.addEventListener (MouseEvent .CLICK, clickLibraryButton); 
function clickLibraryButton(event:MouseEvent) { 
trace("You clicked the Library button!"); 





} 

第 三 种 创建 按钮 的 方法 是 ， 使 用 SimpleButton 类 型 从 头 开 始 创建 按钮 。 当 然 ， 也 不 是 真 
正 意义 上 的 从 头 开始 。 你 需要 为 按钮 中 每 帧 的 状态 配备 一 个 影片 剪辑 : 弹 起 状态 、 滑 过 状态 、 按 
下 状态 及 点 击 状态 。 因 此 你 需要 4 个 库 元 素 ， 而 不 是 一 个 。 

使 用 SimpleButton 构造 函数 来 创建 这 种 类 型 的 按钮 。SimpleButton 函数 的 4 个 变量 都 
必须 为 影片 剪辑 实例 。 本 案例 中 ,我 们 采用 4 个 影片 剪辑 :ButtonUp、ButtonOver、ButtonDown 
以 及 ButtonHit。 








Var mySimpleButton:SimpleButton = new SimpleButton(new ButtonUp(), 
new ButtonOver(), new ButtonDown(), new ButtonHit()); 

mySimpleButton.x = 450; 

mySimpleButton.y = 250; 

addCchild(mySimpleButton); 


说 明 


尔 也 可 以 为 SimpleButton 构造 函数 的 4 个 变量 同 予 重复 的 影片 剪辑 实例 。 例 如 ，f 
可 以 重用 按钮 弹 起 状态 的 影片 剪辑 ， 将 其 作为 按钮 单 击 状态 的 影片 剪辑 。 实 际 上 ， 你 
以 将 4 个 变量 设 为 同一 个 影片 剪辑 。 这 会 使 你 的 按钮 变 得 很 单调 ， 但 对 库 中 所 需 的 影 


郸 辑 数量 也 会 减少 。 
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你 可 以 再 次 通过 addEventListener 命令 来 为 按钮 添加 侦 听 器 


mySimpleButton.addEventListener (MouseEvent .CLICK, clickSimpleButton); 
function clickSimpleButton(event:MouseEvent) { 
trace("You clicked the simple button!"); 














} 


影片 源 文件 MakingButtons.fla 包含 以 上 三 类 按钮 代码 , 每 单 击 一 种 按钮 , 不同 的 按钮 信息 会 
发 闫 至 Output 面板 。 


2.1.3 ”绘制 图 形 


并 不 是 屏幕 中 所 有 的 元 素 都 来 自 库 中 。 你 可 以 通过 ActionScript 3.0 来 绘制 线条 及 一 些 基本 图 形 。 
每 一 个 显示 对 象 都 含有 一 个 图 形 图 层 , 你 可 以 通过 graphics 属性 来 访问 它 。graphics 属 
性 包含 舞台 本 身 ， 你 可 以 通过 在 主 时 间 轴 上 编写 代码 直接 访问 它 。 
在 绘制 简单 的 线条 时 ， 先 设置 线条 的 类 型 和 起 点 ， 然 后 绘制 到 线条 的 终点 : 


this.graphics.lineSstyle(2,0x000000); 
this.graphics.moveTo(100,200); 
this.graphics.lineTo(150,250); 


上 面 代码 将 线条 设 为 粗 2 像素 ,黑色 。 然 后 ， 线 条 从 点 (100, 200) 绘 制 到 点 (150, 250)。 




















说 明 


关键 字 this 并 不 是 必需 的 。 如 果 想 企 某 个 特定 的 影片 剪辑 实例 内 绘制 线条 ， 你 需要 用 
影片 剪辑 的 名 称 来 著 换 它 。 例 如 : 


myMovieClipInstance.graphics.lineTo(150,250); 


因此 , 我 们 可 以 将 这 里 的 this 作为 提示 , 同时 也 使 代码 可 以 更 好 地 在 你 的 项 目 中 重用 。 
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你 也 可 以 通过 curveTo () 方 法 来 绘制 一 条 曲线 。 我 们 需要 先 设 定 曲线 的 终点 及 锚 点 。 如 果 
你 不 是 很 熟悉 贝 塞 尔 曲线 是 如 何 形成 的 , 这 会 变 得 很 棘手 。 我 需要 尝试 多 次 来 实现 我 想 要 的 效果 。 
this.graphics.curveTo(200,300,250,250); 

接着 ， 我 们 通过 另外 一 条 直线 来 完成 此 线条 序列 : 

this.graphics.lineTo(300,200); 

现在 ， 线 条 如 图 2-5 所 示 ， 先 是 一 条 直线 ， ee 最 后 又 回 到 直线 。 

你 同样 可 以 绘制 图 形 ， 最 简单 的 是 绘制 矩形 。qrawRect ( ) 函数 需要 设 定 左 上 角 的 坐标 值 ， 
然后 是 宽度 及 高 度 : 

this.graphics.drawRect (50,50,300,250); 

尔 也 可 以 绘制 圆 角 矩形， 新 增 两 个 变量 用 来 设 定 贺 角 的 宽 与 高 : 


this.graphics.drawRoundRect (40,40,320,270,25,25); 
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@ee DrawingShapes.swf 





> 











图 2-5 由 一 条 直线 、 一 条 曲线 和 另 一 条 直线 构成 的 线条 





还 可 以 绘制 圆 或 椭圆 。qrawCircle () 方 法 需要 定义 中 心 点 变量 及 半径 大 小 : 


this.graphics.drawCircle(150,100,20); 

然而 , drawEllipse() 方 法 与 deawRect () 方 法 一 样 , 需要 左上 角 华 标 值 及 椭圆 的 宽度 与 高 度 : 
this.graphics.drawEllipse(180,150,40,70); 

你 同样 可 以 创建 有 颜色 填充 的 图 形 ， 首 先 通过 beginFi11 () 方 法 来 进行 颜色 填充 ， 


his.graphics.beginFil1(0x333333) ; 
his.graphics.drawCircle(250,100,20); 








i, 











使 用 endFi11 命令 可 以 停止 填充 。 
图 2-6 展示 了 我 们 绘制 后 的 全 部 效果 。 


@ee DrawingShapes.swf 
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图 2-6 ”两 条 直线 、 一 条 曲线 、 一 个 圆 、 一 个 椭圆 、 一 个 
经 填充 的 圆 形 、 一 个 矩形 及 一 个 圆 角 和 矩 形 
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当中 大 部 分 的 绘制 方法 还 包含 其 他 变量 。 例 如 ，1inestyle() 方 法 可 以 通过 其 中 的 透明 变 
量 来 绘制 一 条 半 透 明 线 条 。 如 果 你 想 了 解 更 多 ， 请 查阅 文档 中 的 每 个 绘制 方法 。 
上 述 的 这 些 例子 都 可 以 在 DrawingShapes.fla 文件 中 找到 。 2 


2.1.4 绘制 文本 


第 1 章 中 的 Hello World 例子 展示 了 如 何 通过 创建 TextField 对 象 将 文字 输出 在 屏幕 上 。 大 
致 过 程 包括 ， 创 建 一 个 新 的 TextField 对 象 ， 设 置 它 的 text 属性 ， 然 后 通过 adqdqchila() 方 
法 将 其 添加 至 舞台 中 : 


Var myText:TextField = new TextField!(); 
myText .text = "Check it out!"; 
addChilgd (myText); 


还 可 以 通过 文本 字段 的 x 和 y 属性 来 设置 其 所 处 位 置 : 


myText .x 





























SQ 
DO; 


myText.y 
同样 ， 可 以 设置 文本 字段 的 宽度 与 高 度 : 


myText .width = 200; 
myText.height = 30; 


但 是 ,我们 很 难 辨别 出 文本 字段 的 边界 。200 像素 宽 的 文本 字段 对 于 当前 文本 内 容 也 许 足够 
了 ， 但 如 果 你 换 成 不 同 的 文本 内 容 ， 它 还 能 完全 显示 出 来 吗 ? 当 你 在 测试 时 ,快速 辨别 文本 字段 
的 实际 大 小 的 方法 是 将 其 border 属性 设 为 true: 

myText .border = true; 
图 2-7 展示 了 一 个 带 有 边框 的 文本 字段 ， 你 可 以 观察 它 的 大 小 。 
LeooO Dawngextswf | 

















Check it out: 




















图 2-7 文本 字段 处 于 (50, 50)， 宽 200， 高 30 
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另 一 个 常用 的 属性 是 selectable。 在 大 多 数 情况 下 ,你 并 不 希望 文本 内 容 是 可 选中 的 ， 尽 
管 默 认 值 是 可 选 的 。 保 留 默认 值 意味 着 当 用 户 的 光标 移 至 文本 上 方 时 ， 光 标 变 为 文本 编辑 光标 ， 
使 用 户 可 以 选中 文本 内 容 : 

myText.selectable = false; 

创建 文本 内 容 时 ， 你 很 有 可 能 想 设 定 文本 的 字体 、 大 小 及 样式 。 我 们 并 不 直接 设置 ， 而 是 创 
建 一 个 TextFormat 对 象 。 然 后 ， 我 们 可 以 设置 文本 的 font 、size 及 bolg 属性 。 


Var myFormat:TextFormat = new TextFormat (); 
myFormat.font = "Arial"; 

myFormat .Size = 24; 

myFormat .bold = 





trues 


说 明 

也 可 以 只 用 一 行 代码 来 创建 TextFormat 对 象 。 例 如 ， 上 面 的 例子 也 可 以 写成 : 

Ver maeormat. Lexeeormae aew lexenormnac Are 2240 O00 oe 
TextFormat 构造 函数 最 多 可 以 接收 13 个 变量 ， 但 是 我 们 可 以 将 nul1l 值 赋予 任意 变 
量 以 跳 过 某 些 变 量 。 你 可 以 查阅 文档 来 得 到 全 部 变量 列表 。 
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现在 ,我们 有 了 TextFormat 对 象 ， 有 两 种 方式 使 用 它 。 一 种 方法 是 对 TextField 使 用 
setTextFormat 属性 。 这 能 够 使 你 的 文本 应 用 当前 的 样式 , 但 是 , 你 每 修改 一 次 文本 字段 的 text 
属性 ， 都 要 重新 应 用 一 次 。 

更 好 的 方法 是 使 用 defaultTextstyle 属性 。 你 需要 在 设置 text 属性 之 前 先 设置 default- 
TextStyle。 那 么 ， 之 后 的 文本 将 应 用 TextFormat 内 的 样式 属性 。 每 当 你 改变 文本 字段 内 的 内 容 
时 ， 他 们 都 会 应 用 同样 的 样式 。 这 也 是 我 们 在 游戏 开发 中 ， 文 本 字段 应 用 多 数 时 候 需要 的 效果 。 

ImyText .defaultTextFormat = myFormat; 


图 2-8 展示 了 格式 化 后 的 文本 字段 。 


















































(ols) DrawingText.swf 
Check it out: 
图 2-8 ”文本 格式 设 为 Arial，24 点 ， 粗 体 
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如 果 你 想 扩展 文本 格式 的 其 他 功能 ， 可 以 在 帮助 文档 中 查阅 TextFormat 的 其 他 属性 。 你 
可 以 在 案例 文件 DrawingText.fla 中 对 它们 进行 实验 。 可 以 通过 设置 TextField 的 htmlText 属 
性 ， 来 使 用 Stylesheet 对 象 和 HTML 标记 文本 集 。 样 式 表 的 功能 非常 复杂 ， 如 果 你 想 深 入 研 
究 的 话 ， 请 查阅 帮助 文档 。 


2.1.5 创建 链接 文本 


整合 文本 字段 和 按钮 功能 ， 我 们 会 得 到 什么 呢 ? 毫 无 疑问 ， 是 超 文 本 链接 。 你 可 以 通过 
ActionScript 3.0 来 简单 实现 它 。 

为 TextField 创建 链接 文本 的 最 简便 方法 是 , 在 文本 字段 的 PtmlText 属性 内 输入 HTML 
代码 ， 而 不 是 像 text 属性 那样 使 用 纯 文 本 。 


Var myWebLink:TextField = new TextField(); 
myWebLink.htmlText = "Visit <A HREF='http://flashgameu.com'>FlashGameU .com</A>!"; 
addChild (myWebLink); 


它 的 用 法 与 网 页 中 的 超 文本 链接 类 似 ， 只 是 链接 没有 默认 样式 变化 。 它 和 其 他 文本 内 容 有 
着 相同 的 颜色 与 样式 。 但 是 ， 当 用 户 单 击 链接 时 ， 用 户 的 Web 浏览 器 会 从 当前 页 面 跳 转 到 指定 
页 面 。 























说 明 


如 果 flash 影片 是 独立 的 Flash Projector， 那 么 单 击 超 文 本 链接 会 局 动用 户 的 浏览 器 并 打 
开 指 定 网 页 。 如 果 你 对 HTML 比较 熟悉 的 话 ， 可 以 定义 A 标签 的 TARGET 变量 。 例 如 ， 
你 可 以 使 用 _top 来 指定 整个 页 面 ， 或 者 用 _blank 在 浏览 器 中 打开 一 个 新 的 窗口 。 


































































































如 果 你 希望 超 文 本 与 网 页 中 的 超 文本 链接 类 似 , 以 蓝 色 带 有 下 划 线 的 形式 显示 ,你 可 以 在 定 
义 htmlText 之 前 先 创建 样式 表 对 象 ， 并 定义 styleSheet 属性 。 


Var myStyleSheet:StyleSheet = new StyleSheet (); 

myStyleSheet.setStyle("A", {textDecoration: "underline", color: "#0000FF"}); 

Var myWebLink:TextField = new TextrField(); 

myWebLink.styleSheet = myStyleSheet; 

myWebLink.htmlText = "Visit <A HREF='http://flashgameu.com'>FlashGameU.com</A>!"; 
addChild (myWebLink); 


如 图 2-9 所 示 ， 超 文本 定义 了 textFormat 属性 ， 将 文本 设 为 Arial、24 点 、 粗 体 ， 并 通 
styleSheet 属性 将 超 文本 链接 设 为 蓝 色 并 带 有 下 划 线 。 

你 不 一 定 要 将 链接 指向 网 页 ,还 可 以 像 处 理 按钮 一 样 ,为 文本 内 容 添 加 侦 听 器 来 对 事件 作出 
响应 。 

要 实现 这 一 点 ， 只 需 在 链接 的 HREF 标签 里 使 用 event :语句 。 然 后 为 侦 听 器 的 方法 提供 需 
接收 的 文本 : 


myLink.htmlText = "Click <A HREF='event:testing'>here</A>"; 
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Be CreatingLinkedText.swf 





Visit FlashGameU.com! 














图 2-9 通过 定义 defaultTextFormat 及 styleSheet 来 格式 化 文本 的 超 文本 链接 
侦 听 器 接收 文本 testing 作为 事件 的 text 属性 返回 的 字符 串 : 


addEventListener (TextEvent .LINK, textLinkClick); 
function textLinkClick(event:TextEvent) { 
trace (event .text); 


} 


这 样 ， 你 可 以 在 TextField 中 定义 多 个 链接 ， 然 后 通过 事件 中 的 text 属性 得 出 哪个 链接 
被 单 击 。 基 本 上 ， 你 可 以 像 使 用 按钮 一 样 使 用 超 文本 链接 。 

你 同样 可 以 通过 定义 defaultTextFormat 和 styleSheet 属性 来 设置 与 网 页 链接 类 似 的 
文本 样式 。CreatingLinkedText.fla 文件 包含 了 上 述 使 用 相同 格式 和 样式 的 两 种 超 文 本 链接 例子 。 


2.1.6 创建 Sprite 对 象 组 


现在 ,我们 对 如 何 创 建 各 种 屏幕 元 素 已 经 有 了 基本 了 解 ， 可 以 再 进一步 研究 显示 对 象 和 显示 
列表 是 如 何 处 理 的。 我 们 可 以 创建 Sprite 显示 对 象 ， 只 将 其 用 来 组 合 其 他 显示 对 象 ， 而 不 写 入 其 
他 功能 

下 面 代码 将 创建 一 个 新 的 Sprite， 并 在 其 中 绘制 一 个 200 x 200 的 矩形 。 和 矩形 边框 为 2 像素 ， 
黑色 ， 内 部 填充 为 淡 灰 色 : 

Var spritel:Sprite = new Sprite(); 

spritel.graphics.lineSstyle(2,0x000000); 

spritel.graphics.beginFill (0xCCCCCC); 


spritel.graphics.drawRect (0,0,200,200); 
addCchild(spritel); 


然后 把 Sprite (包括 绘制 在 其 内 部 的 图 形 ) 定位 在 舞台 上 坐标 值 (50, 50) 处 : 


50; 
SO 


接着 依法 炮制 ， 我 们 创建 第 二 个 Sprite， 但 将 其 位 置 设 在 坐标 (300, 100): 





























spritel.x 
spritel.y 
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Var sprite2:Sprite = new Sprite(); 
sprite2.graphics.linestyle(2,0x000000); 
sprite2.graphics.beginFill (0xCCCCCC).; 
sprite2.graphics.drawRect (0,0,200,200); 
sprite2.x = 300; 

sprite2.y = 50; 


addCchild(sprite2); 
继续 创建 第 三 个 Sprite， 这 次 在 该 Sprite 内 添加 一 个 圆 。 然 而 这 次 不 再 使 用 adadqchild() 方 
法 将 其 添加 至 舞台 ， 而 是 直接 放 入 Spritel 内 。 同 时 将 圆 填充 为 黑色 : 


Var sprite3:Sprite = new Sprite(); 
sprite3.graphics.linestyle(2,0x000000); 
sprite3.graphics.beginFill (0x333333); 
sprite3.graphics.drawCircle(0,0,25); 

入 六 冯 主 ts L003 

sprite3.y = 100; 
spritel.addChild(sprite3); 


图 2-10 展示 了 屏幕 上 这 3 个 Sprite 的 效果 。 注 意 ， 虽 然 我 们 将 圆 的 x 和 y 属性 设 为 100 和 
100， 但 它 并 不 处 于 舞台 的 (100, 100) 处 ， 而 是 位 于 spritel 的 (100, 100) 处 。 


OO CreatingSpriteGroups.swf 























图 2-10 圆 形 Sprite 位 于 左边 的 矩形 Sprite 内 


现在 ， 有 舞台 上 有 两 个 子 对 象 Spritel 和 Sprite2。sprite3 是 Spritel 的 子 对 象 。 如 果 
将 Sprite3 改 设 为 Sprite2 的 子 对 象 , 那么 它 将 位 于 Sprite2 的 中 心 , 因为 Sprite3 的 坐标 
(100, 100) 是 针对 其 父 对 象 而 言 的 。 

影片 CreatingSpriteGroups.fla 为 Spritel 和 Sprite2 各 自 添加 了 一 个 侦 听 器 ， 使 上 述 情况 
变 得 更 形象 。 单 击 Spritel 和 Sprite2 当中 的 任意 一 个 时 ，Sprite3 就 会 被 设 为 选中 对 象 的 
子 对 象 。 然 后 你 会 发 现 ，sprite3 在 两 个 父 对 象 中 来 回 出 现 : 


SDIitel.addqEventListener (MouseEvent .CLICK, clickSprite); 
sprite2.addEventListener (MouseEvent .CLICK, clickSprite); 
function clickSprite(event:MouseEvent) { 

event .currentTarget .addChild(sprite3); 





} 
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说 明 


这 对 于 将 一 个 按钮 侦 听 器 应 用 于 多 个 按钮 中 同样 是 个 不 错 的 例子 。 被 选中 的 对 象 通 过 
currentTarget 传递 给 侦 听 器 方法 。 本 例 中 ， 我 们 可 以 直接 用 currentTarget 的 
值 来 调用 addchi 14 () 方 法 。 当 然 ， 你 也 可 以 将 其 与 一 组 可 能 被 选择 的 对 象 进行 对 比 ， 
基于 被 选中 的 对 象 执行 代码 。 




























































































































































































在 游戏 开发 过 程 中 ， 我 们 常常 创建 Sprite 组 来 保存 各 种 不 同类 型 的 游戏 元 素 。 如 果 我 们 将 
Sprite 进行 简单 的 布局 ， 通 常会 把 它们 的 坐标 都 设 为 (0, 0)， 然 后 我 们 可 以 在 Sprite 中 不 停 奉 换 其 
中 元 素 ， 而 不 用 改变 其 相对 于 屏幕 的 位 置 。 














2.1.7 设置 Sprite 的 深度 


这 里 ,有 必要 介绍 一 下 setchildIndex 命令 。 它 允许 你 移动 显示 对 象 在 显示 列表 中 的 顺序 。 
换 句 话说 ， 你 可 以 将 一 个 Sprite 放 在 另 一 个 Sprite 的 上 方 。 

可 以 把 显示 列表 作为 一 个 数组 ， 初 始 时 不 含 任何 元 素 。 如 果 你 创建 了 3 个 Sprite， 他 们 分 别 
位 于 数组 的 [0]、[1]、[2] 处 。 处 于 [2] 的 Sprite 位 于 所 有 对 象 上 方 。 

如 果 你 想 将 一 个 Sprite 移 至 底 端 ， 即 所 有 Sprite 的 下 方 ， 可 以 使 用 以 下 代码 : 

setChildIndex (myMovieClip,0); 

上 述 代 码 将 myMovieclip 显示 对 象 设 为 数组 的 第 [0] 个 元 素 , 然后 其 他 对 象 会 自动 后 移 , 填 
补 对 应 数组 元 素 。 

如 果 要 将 一 个 Sprite 移 到 最 上 方 则 有 点 复杂 。 你 需要 将 该 Sprite 的 索引 设 为 显示 列表 中 最 后 
一 个 元 素 的 索引 。 例 如 ， 如 果 有 3 个 元 素 [0]、[1] 和 [2]， 你 需要 将 Sprite 设 为 第 [2] 个 元 素 。 我 们 
可 以 通过 numchildren 属性 来 实现 它 : 

setChildIndex (myMovieClip,numChildren-1); 

这 里 我 们 有 3 个 元 素 ， 如 果 不 作 任何 处 理 的 话 ，numchilaren 的 值 为 3。 然 而， 我 们 需要 
将 setchildInaex 里 设 为 2， 直 接 使 用 3 是 不 正确 的 ， 因 此 需要 减 1。 

示例 文件 SettingSpriteDepth.fla 在 屏幕 中 显示 了 3 个 Sprite, 一 个 县 着 一 个 。 你 任意 单 击 一 个 ， 
选中 的 那个 Sprite 就 会 出 现在 最 上 方 。 

事实 上 ， 还 有 更 简便 的 方法 来 将 一 个 Sprite 设置 在 其 他 Sprite 的 上 方 。 尽 管 Sprite 已 经 是 显 
示 列 表 的 一 部 分 ， 我 们 仍然 可 以 在 Sprite 里 使 用 aadchilda() 方 法 。 这 么 做 会 在 显示 列表 里 重新 
添加 该 对 象 一 次 ， 新 加 入 的 对 象 会 替换 掉 之 前 的 对 象 ， 并 位 于 所 有 对 象 的 上 方 。 


2.2 ”接收 用 户 输入 


接 下 来 的 几 闻 ,将 介绍 如 何 接收 用 户 输入 。 通 常 接收 的 数据 来 自 键盘 或 鼠标 ， 它 们 是 现代 电 
脑 唯一 的 标准 输入 设备 。 
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2.2.1 鼠标 输入 


我 们 已 经 了 解 了 如 何 将 Sprite 转换 为 按钮 ， 并 对 鼠标 单 击 作出 响应 。 但 是 ， 鼠 标 不 仅仅 只 作 
为 单 击 之 用 。 你 还 可 以 随时 获得 光标 当前 所 处 的 位 置 , 并 且 可 以 检测 光标 是 否 悬 停 在 Sprite 上 方 。 


你 可 以 通过 mousex 和 mouseY 属性 来 随时 获取 光标 在 当前 舞台 所 处 的 位 置 。 下面 的 代码 每 
帧 在 文本 字段 内 显示 一 次 当前 光标 所 处 的 位 置 : 











addEventListener (Event .ENTER_FRAME, showMouseLoc); 
function showMouseLoc(event:Event) { 
mouseLocText .text = " 


= "X="+mouseX+" Y="+mouseY; 
} 





你 可 以 通过 与 检测 鼠标 单 击 一 样 的 方式 ,检测 到 光标 县 停 在 Sprite 上 方 的 动作 。 因 此 , 这 里 
我 们 不 是 侦 听 鼠标 单 击 事件 ， 而 是 侦 听 鼠标 滑 过 事件 。 我 们 可 以 为 Sprite 添加 这 样 一 个 侦 听 器 
mySprite.addEventListener (MouseEvent .ROLL OVER, 


function rolloverSprite(event:MouseEvent) { 
mySprite.alpha = 1; 
} 








rolloverSsprite); 


上 述 代码 中 ,我 们 将 Sprite 的 alpha (透明 度 ) 属性 设 为 1， 意 味 着 它 是 100% 不 透明 的 。 
然后 ， 当 光标 离开 Sprite 时 ， 我 们 将 其 透明 度 设 为 50%: 


mySprite.addEventListener (MouseEvent .ROLL_OUT， 


function rolloutSprite(event :MouseEvent) 


rolloutSprite); 
{ 
mySprite.alpha = .5; 
} 





在 影片 文件 MouseInput.fla 中 ，Sprite 的 初始 状态 为 50% 透 明度 ， 只 有 当 交 标清 过 时 ， 它 才 
是 100% 不 透明 的 。 图 2-11 展示 了 此 Sprite， 并 且 显 示 了 时 时 跟踪 光标 位 置 的 文本 信息 。 





ANMANA Mouselnput.swf 


X=205 Y=210 














图 2-11 





光标 悬 停 在 Sprite 上 方 时 ， 它 的 外 观 变 为 不 透明 
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2.2.2 ”键盘 输入 


侦 听 键盘 输入 基于 两 个 键盘 事件 : KEY_UP 和 KEY_DOWN。 当 用 户 按 下 键盘 上 的 某 个 键 时 ， 
KEY_DOWN 事件 被 触发 。 如 果 对 该 事件 进行 了 侦 听 ， 就 可 以 通过 此 方法 实现 一 些 功 能 。 

但 是 , addEventListener () 方 法 必须 引用 stage 对 象 。 因 为 按键 被 按 下 并 不 像 鼠 标 单 击 事 
件 那样 有 明显 的 侦 听 对 象 。 当 影片 开始 时 ， 必 须 由 一 个 对 象 来 侦 听 键盘 事件 。stage 就 是 此 对 象 : 

stage.addEventListener (KeyboardEvent .KEY_DOWN, keyDownFunction); 

当 方 法 通过 侦 听 器 被 调用 时 , 它 会 获得 该 事件 参数 的 许多 属性 。 其 中 一 个 参数 为 charCoge， 
它 返回 被 按 下 的 键盘 字母 。 

在 下 述 例子 中 ，charCcode 的 值 被 转换 为 字符 ， 显 示 在 文本 字段 keyboardText 内 


function keyDownFunction(event:KeyboardEvent) { 
keyboardText .text = "Key Pressed: "+String.fromCharCode (event.charCode); 












































说 明 
影片 测试 时 ， 记 得 选择 菜单 Control (控制 ) 一 Disable Keyboard Shortcuts (禁用 快捷 键 ) 。 




















否则， 你 按 下 键盘 时 ， 舞 台 也 许 不 会 有 任何 反应 。 




















事件 属性 中 还 包括 keycoge, 该 属性 与 charcode 类 似 , 区 别 在 于 它 不 会 受 Shift 键 的 影响 。 
例如 ， 在 按 下 Shift 键 的 同时 按 下 按键 A， 我 们 得 到 charcode 值 为 6， 它 代表 大 写 的 A。 当 直 
接 按 下 按键 A 时 ,我 们 得 到 charcoge 值 为 97， 它 代表 小 写 的 a。 而 keyCode 的 值 则 不 受 Shift 
影响 ， 它 只 返回 65。 

其 他 的 事件 属性 还 有 ctrIKey、ShiftKey 和 altKey， 它 们 代表 着 这 些 辅助 按键 是 否 被 
按 下 。 

在 游戏 中 ， 我 们 常常 并 不 是 很 在 意 玩 家 最 先 按 下 的 是 哪个 键 ， 而 是 关注 玩家 一 直 按 着 的 键 。 
例如 ， 在 赛车 游戏 中 ， 我 们 要 知道 的 是 玩家 是 否 将 加 速 踏板 (向 上 箭头 ) 按 下 。 

要 想 检 测 按键 是 否 被 按 下 , 我 们 需要 侦 听 KEY_DowN 和 KEY_UP 事件 。 当 我 们 侦 听 到 某 个 按 
键 被 按 下 时 ， 将 一 个 布尔 变量 设 定 为 true。 然 后 ， 当 按 下 的 键 释放 时 ， 将 其 设 为 false。 因 此 ， 
判断 按键 是 否 按 下 ， 我 们 只 需 判断 此 变量 的 布尔 值 即 可 。 

以 下 代码 与 侦 听 空格 键 类 似 。 首先 , 判断 空格 键 何 时 被 按 下 , 同时 将 变量 spaceparPressed 


设 为 true: 

















stage.addEventListener (KeyboardEvent .KEY_DOWN, keyDownFunction); 
function keyDownFunction(event:KeyboardEvent) { 
if (event.charCode == 32) { 
spacebarPressed = true; 


} 
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接着 ， 捕 捉 按 键 的 释放 。 本 例 中 ， 如 侦 听 到 空格 键 的 释放 ， 则 将 spacebarPressed 设 为 


false: 


stage.addEventListener (KeyboardEvent .KEY_UP, keyUpFunction); 
function keyUpFunction(event:KeyboardEvent) { 
if (event.charCode == 32) { 
spacebarPressed = false; 
} 
上 


通过 此 方法 ， 我 们 就 可 以 记录 游戏 中 的 重要 按键 动作 ， 如 空格 键 和 4 个 方向 键 。 案 例文 件 
KeyboardInput.fla 通过 上 述 方式 记录 了 空格 键 的 动作 ， 并 显示 空格 键 状态 改变 信息 。 


2.2.3 文本 输入 


TextField 对 象 的 另 一 种 类 型 为 输入 文本 字段 。 文 本 字段 (静态 的 和 动态 的 ) 与 输入 文本 
字段 的 区 别 在 于 ， 后 者 允许 用 户 选 择 并 在 其 中 输入 文本 。 创 建 一 个 输入 文本 字段 TextFiela， 
只 需要 设置 其 type 属性 : 


Var myInput:TextField = new TextField() : 
myInput .type = TextFieldType.INPUT; 
addCchild (myInput); 


以 上 代码 在 屏幕 的 左上 角 创 建 了 一 个 并 不 显眼 的 文本 字段 。 我 们 可 以 设置 其 属性 ， 并 通过 
TextFormat 对 象 来 改进 它 。 

下 面 的 代码 将 文本 格式 设 为 Arial、12 点 大 小 , 并 将 文本 字段 设 在 (10, 10) 处 , 其 高 为 18 像素 ， 
宽 为 200 像素 。 同 时 显示 文本 边框 ， 正 如 你 经 常会 在 软件 中 看 到 的 典型 输入 框 那样 : 


Var inputFormat:TextFormat = new TextFormat () ; 
inputFormat.font = "Arial"; 
inputFormat.size = 12; 


























Var myInput:TextField = new TextField!(); 
myInput .type = TextFieldType.INPUT; 
myInput.defaultTextFormat = inputFormat; 
myIinputsx = 10; 

nmineutsYy S03 

myInput.height = 18; 

myInput .width = 200; 

myInput.border = true; 

addChild (myInput); 

stage.focus = myInput; 


最 后 一 行 代 码 设 置 在 文本 字段 内 显示 文本 输入 光标 。 

常见 的 TextField 是 单行 文本 ， 你 可 以 通过 它 的 multiline 属性 来 改变 其 形态 。 然 而 ， 
对 于 大 多 数 文本 输入 框 ， 我 们 只 需要 一 行 。 这 意味 着 ，Return 或 Enter 键 将 不 会 被 识别 ， 因 为 无 
法 换行 。 但 是 ， 我 们 可 以 捕捉 这 个 键 ， 将 其 视 为 文本 输入 结束 的 信号 。 

为 了 捕捉 Return 键 的 动作 ， 我 们 需要 侦 听 按键 释放 事件 KEY_UP。 然 后 ， 事 件 处 理 方 法 会 判 
断 释 放 键 的 代码 是 否 为 数字 13， 即 Return 键 。 
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myInput.addEventListener (KeyboardEvent .KEY_UP， checkForReturn); 
function checkForReturn(event:KeyboardEvent) { 

if (event.charCode == 13) { 
acceptInput (); 


} 
" 


acceptInupt( 





) 方 法 将 输入 框 内 输入 的 内 容 保存 至 theInputText 变量 中 。 然 后 ,在 Output 
面板 显示 输入 文本 ， 同 时 删除 文本 输入 框 





出 





function acceptInput() { 
Var theInputText:String = myInput.text; 
trace (theInputText); 
removeChild (myInput); 





说 明 














我 发 现在 测试 影片 时 ， 即 便 已 经 选中 Disable Keyboard Shortcuts 选项 ， 测 试 环 境 仍然 有 
时 会 拦截 Retur 按键 动作 (测试 时 ， 选 中 Control->Disable Keyboard Shortcuts 选项 ) 。 









































单 击 窗 




















]， 然 后 再 次 尝试， 直到 发 布 的 影片 达到 预期 的 效果 。 当 影片 发布 在 网 上 时 ， 这 





















































种 情况 不 应 该 出 现 。 


示例 文件 TextInput.fla 包含 了 上 述 代 码 的 实际 效果 。 


2.3 创建 动画 


接 下 来 ， 
真实 世界 里 的 运 


2.3.1 Spri 


改变 Sprite 所 处 的 位 置 ， 只 需 简 单 地 设置 其 x 或 y 值 。 因 此 , 我 们 只 需要 


让 我 们 来 介 
到 动 轨迹 。 


te 运动 





绍 一 下 如 何 用 ActionScript 代码 使 Sprite 在 屏幕 中 运动 ， 以 及 如 何 模仿 

















[a 


改变 它 的 位 置 ， 它 就 可 以 像 动 画 一 样 动 起 来 。 





通过 ENT 





ER_FRAMI 


Ee 事件 ， 我 们 可 以 很 简单 地 编写 这 类 勺 速 动作 。 例 如 ， 下 面 的 代码 会 创建 





库 中 一 个 影片 剪辑 的 副本 ， 然 后 把 该 副本 每 帧 向 右 移 动 1 像素 : 


Var hero:Hero = new Hero(); 


hero.x = 
hero.y = 
addChild 


50; 
100; 
(hero); 


addEventListener (Event .ENTER_FRAME, animateHero); 
function animateHero(event:Event) { 





} 


Neros: 


XX+ 十 ， 
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hero 对 象 以 每 帧 1 像素 的 速度 在 舞台 中 平行 请 过 。 你 可 以 将 ++ 替 换 成 +=10 来 将 速度 提高 为 
每 帧 10 像素 。 

另 一 种 提高 hero 运行 速度 的 简单 方法 是 提高 帧 频 。 默 认 的 帧 频 为 12 fps (每 秒 的 帧 数 )， 你 
可 以 提高 至 60 fps。 如 果 舞 台 被 选中 〈 而 不 是 其 他 影片 剪辑 ) ， 你 可 以 在 右上 和 角 的 属性 检查 器 中 
更 改 帧 频 。 如 图 2-12 所 示 ， 属 性 检查 器 中 的 帧 频 为 12 fps。 
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Document 


Textinput.fla 
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Stage: 











图 2-12 你 可 以 在 属性 检查 器 中 更 改 影片 的 帧 频 


说 明 


将 影片 帧 频 设 为 60 fps， 并 不 意味 着 整 部 影片 真 的 就 会 以 60 fps 的 速度 播放 。 如 果 影片 
有 众多 运行 元 素 ， 同 时 用 户 的 电脑 运行 速度 很 慢 ， 那 么 ， 影 片 是 达 不 到 60 fps 的 速度 的 。 
我 们 接 下 来 来 看 一 个 基于 时 间 的 动画 ， 它 比 基 于 帧 的 动画 更 好 一 些 ; 

































































除了 使 hero 在 屏幕 中 平行 滑动 外 ， 我 们 还 可 以 使 它 行走 。 但 是 ,我 们 需要 一 位 动画 师 帮 助 
设计 一 套 行走 循环 图 片 ， 然 后 将 它们 按 顺 序 放 入 hero 影片 剪辑 中 。 图 2-13 展示 了 一 套 行走 循环 


~ 


图 2-13 一 个 7 帧 的 循环 行走 循环 图 片 


现在 ， 我 们 必须 重 写 animateHero 图 数 ， 使 小 人 从 影片 剪辑 的 第 2 帧 运行 至 第 8 帧 ， 从 而 
实现 小 人 的 七 帧 动画 。 第 1 帧 上 保存 小 人 “站 立 ” 的 姿势 。 
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同时 ， 从 动画 师 那里 得 知 ， 我 们 要 让 小 人 每 帧 水 平移 动 7 像素 来 配合 整套 行走 周期 。 
代码 比较 影片 剪辑 的 currentFrame 属性 ， 如 果 它 的 值 为 8， 则 将 影片 剪辑 倒 回 第 2 帧 ， 否 
则 继续 向 下 一 帧 运行 : 


function animateHerol(event :Event) { 
hero.x += 7; 
if (hero.currentFrame == 8) { 
hero.gotoAndSstop (2); 
} else { 
hero.gotoAndStop (hero.currentFrame+1);} 


} 























} 


你 可 以 实践 一 下 示例 影片 SpriteMovement.fla， 查 看 以 上 代码 的 实际 效果 。 多 尝试 几 种 不 同 
的 影片 帧 速 ， 实 际 体会 一 下 影片 运行 的 快慢 程度 。 





2.3.2 使 用 Timer 


Timer (计时 器 ) 如 同 消 息 曾 钟 。 当 你 创建 并 开启 它 之 后 ， 它 会 在 一 定时 间 间 隔 之 后 传递 信 
息 。 例 如 ， 你 可 以 创建 一 个 Timer， 生 秒 略 用 一 次 指定 的 方法 。 

创建 Timer 需要 新 建 一 个 Timer 对 象 。 然 后 设置 事件 的 间隔 时 间 (以 毫秒 计 )。 你 还 可 以 
再 添加 一 个 变量 ， 设 定 计时 器 在 停止 之 前 需 触 发 的 事件 数 。 在 这 个 例子 中 ， 我 们 不 添加 变量 。 

下 面 的 代码 将 新 建 一 个 Timer， 并 每 隔 1000 毫秒 ( 即 1 秒 ) 触发 一 次 事件 。 每 次 事件 触发 
都 会 调用 timerFunction 方法 。 














Var myTimer:Timer = new Timer(1000); 
myTimer.addEventListener (TimerEvent .TIMER, timerFunction); 


为 测试 该 Timer， 每 次 事件 触发 都 画 一 个 圆 。 传 递 至 事件 处 理 方 法 中 的 变量 包含 指向 该 
Timer 的 target 属性 。 你 可 以 通过 该 变量 获得 其 currentcount 属性 ，currentCount 属 
性 会 保存 Timer 被 触发 的 次 数 。 我 们 可 以 通过 currentCcount 这 个 属性 ， 从 左 到 右 ， 画 出 各 
个 圆 。 

function timerFunction(event:TimerEvent) { 


this.graphics.beginFill (0x000000); 
this.graphics.drawCircle (event.target.currentCount*10,100,4); 























} 


只 创建 Timer 和 添加 侦 昕 器 是 不 够 的 ， 我们 还 需要 启动 Timer。 我 们 可 以 通过 start () 命 
令 来 完成 启动 : 


myTimer.start (); 


影片 文件 UsingTimers.fla 展示 了 以 上 代码 的 效果 。 

我 们 也 可 以 使 用 Timer 来 完成 之 前 通过 enterFrame 事件 所 实现 的 工作 。 接 下 来 的 Timer 
将 调用 与 上 一 案例 中 相同 的 animateHero 方法 ， 使 该 小 人 在 屏幕 上 行走 。 它 将 替换 
addEventListener 的 调用 : 
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Var heroTimer:Timer = new Timer(80) ; 
heroTimer.addEventListener (TimerEvent .TIMER，animateHero) ; 
heroTimer.start (); 


— /= 


你 可 以 在 UsingTimers2.fla 文件 中 查看 此 部 分 代码 的 效果 。 当 你 运行 时 ， 你 会 发 现 小 人 以 
12 fps 的 帧 频 匀 速 行走 。 你 可 以 将 影片 的 帧 频 设 为 12、6 或 60, 但 小 人 仍然 以 相同 的 速率 行走 着 。 





说 明 

试 着 将 帧 频 设 为 1 fps。Timer 每 80 宫 秒 触发 一 次 小 人 行走 事件 ， 屏 幕 每 次 刷新 ， 小 人 
都 会 移动 一 小 步 。 这 至 少 意味 着 ，Timet 可 以 实现 恒定 的 运动 速率 ， 无 论 用 户 的 电脑 有 
多 慢 ， 只 要 每 次 Timer 事件 所 产生 的 计算 量 不 会 使 处 理 器 负担 过 重 就 可 以 了 。 
































































































































2.3.3 ”基于 时 间 的 动画 


基于 时 间 的 动画 是 指 ， 每 个 动画 片段 都 基于 运行 的 时 间 量 ， 而 不 是 任意 时 间 间 隔 。 
在 基于 时 间 的 动画 中 ， 每 一 个 动画 片段 都 会 首先 判断 与 上 一 个 片段 相隔 的 时 间 。 然后 ， 它 
会 根据 时 间 间 隔 来 移动 对 象 。 例 如 ， 如 果 第 一 次 时 间 间 隔 为 0.1 秒 ， 第 二 次 时 间 间 隔 为 0.2 秒 ， 
那么 对 象 就 会 在 第 二 段 时 间 间 隔 之 后 移动 两 倍 的 距离 ， 以 保持 速度 的 一 致 。 

首先 ,我 们 要 创建 一 个 变量 ， 用 来 保存 上 一 个 片段 的 时 间 。 我 们 通过 getTimer () 系统 函数 
获取 当前 时 间 。 它 将 返回 自 Flash 播放 器 开始 运行 时 的 毫秒 数 : 

Var lastTime:int = getTimer(); 

然后 ， 我 们 创建 一 个 侦 听 ENTER FRAME 事件 的 侦 听 器 。 它 调用 animateBall () 方 法 : 

addEventListener (Event .ENTER_FRAME, animateBall); 

animateBall() 方 法 用 来 计算 时 间 间 隔 ， 然 后 重 置 lastTime 变量 ， 为 下 一 个 动画 片段 做 
准备 。 最 后 ， 设 置 影片 剪辑 实例 ball 的 x 方位 ， 再 加 上 0.1 乘 以 timeDiff 的 值 。 结 果 ， 影片 
剪辑 每 1000 毫秒 移动 100 像素 。 


function animateBall (event:Event) { 
Var timeDiff:int = getTimer()-lastTime; 
lastTime += timeDiff,; 
ball.x += timeDiff*.1; 




















} 

影片 TimeBasedAnimation.fla 将 通过 上 述 代码 ， 使 球体 在 屏幕 中 罕 过 。 试 着 将 影片 帧 频 设 为 
12 fps, 然后 , 再 设 为 60 fps。 观察 小 球 如 何在 不 同 的 帧 率 下 用 同样 的 时 间 穿 越 屏幕 。 显然 , 60 fps 
时 效果 更 好 。 


2.3.4 ”基于 物理 的 动画 
在 ActionScript 动画 中 , 你 不 仅 可 以 使 对 象 按 预先 设 定 的 路 径 移动 , 还 可 以 赋予 它 物理 属性 ， 
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并 使 它 如 真实 世界 里 那 般 运动 。 
基于 物理 的 动画 既 可 以 基于 帧 也 可 以 基于 时 间 。 我 们 以 建立 基于 时 间 的 动画 为 例 , 但 是 通过 
速率 和 重力 来 决定 对 象 的 移动 。 





























重力 是 对 地 面 的 恒定 加 速度 (在 本 例子 中 ， 是 对 屏幕 底部 而 言 的 加 速度 ) 。 真 实 世界 里 ， 
重力 加 速度 为 9.8 m/s。 和 而 在 Flash Player 中 ， 所 有 对 象 都 以 每 毫秒 的 像素 量 来 计算 ， 你 可 以 
自如 地 模拟 真实 世界 里 的 运动 。 例 如, 如 果 1 像素 代表 1 m, 0.0098 就 意味 着 0.0098 m/ms， 
或 者 9.8 m/s。 当 然 ， 你 也 可 以 使 用 其 他 的 数字 ，0.001、7 或 其 他 任意 数字 ， 只 要 它 在 你 的 
游戏 里 看 起 来 正常 。 这 里 ， 我 们 并 不 是 在 建立 科学 模型 ， 它 们 只 是 游戏 而 已 。 
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我 们 将 重力 设 为 0.0098, 同时 定义 运动 元 素 的 初始 速度 。 速度 代 表 着 运动 对 象 的 运行 速率 和 
方向 。dx 和 dy 分 别 代表 水 平方 向 和 垂直 方向 上 位 置 的 变化 ， 两 者 加 起 来 代表 对 象 的 速度 : 


/ /设置 重力 加 速度 的 值 
var gravity:Number = .00098; 





/ /设置 初始 速度 
var dx:Number 
var dy:Number 


因此 ， 本 例 中 的 小 球 将 每 毫秒 水 平移 动 0.2 像素 ,垂直 移动 一 0.8 像素 。 这 意味 着 ,小 球 将 被 
抛 向 右 方 。 

为 了 控制 动画 ， 我 们 创建 一 个 ENTER FRAME 事件 侦 听 器 ， 并 初始 化 lastTime 变量 : 

// 记 录 启 动 时 间 ， 并 添加 侦 听 器 


Var lastTime:int = getTimer(); 
addEventListener (Event .ENTER_FRAME, animateBall); 


先 通过 animateBall () 方 法 计算 上 一 步 动画 运行 的 时 间 : 
// 动 画 片 段 


.2} 
= 





























function animateBall (event:Event) { 
// 获 取 时 间 间 隔 
Var timeDiff:int = getTimer()-lastTime; 
JastTime += timeDiff; 
变量 dy 代表 垂直 速率 ， 然 后 它 将 基于 万 有 引力 而 改变 ， 通 过 时 间 间 隔 来 计算 。 
// 根 据 重 力 调整 垂直 速率 


dy += gravity*timeDiff; 


小 球 的 运动 基于 两 个 变量 : dx 和 dy。 在 上 述 两 个 例子 中 ，timeDiff 都 被 用 来 决定 dx 和 
dy 移动 距离 的 长 短 : 
/ /移动 小 球 
ball.x += timeDiff*dx; 
ball.y += timeDiff*dy; 
} 
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运行 影片 文件 PhysicsBasedAnimation.fla， 你 会 看 到 如 图 2-14 所 示 的 效果 。 


[eee PhysicsBasedAnimation.swf 











© 
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图 2-14 ”这 张 延 时 的 屏幕 截图 展示 了 帧 频 为 12 fps 时 的 小 球 运动 位 置 














2.4 ”设计 用 户 交 互 


除了 基本 的 用 户 输入 和 Sprite 的 运动 之 外 , 我 们 还 可 以 把 两 者 结合 起 来 让 用 户 与 屏幕 上 的 元 
素 交 互 。 接 下 来 的 程序 是 用 户 与 Sprite 之 间 交 互 的 例子 





2.4.1 移动 Sprite 


屏幕 上 Sprite 的 移动 主要 通过 鼠标 或 键盘 。 对 键盘 而 言 ，Sprite 的 移动 主要 由 4 个 方向 键 来 
控制 。 

在 本 章 前 面 , 你 了 解 了 如 何 判 断 空格 键 是 否 按 下 。 我 们 可 以 用 同样 的 方法 来 判断 方向 键 是 否 
被 按 下 。 虽 然 方向 键 并 没有 字母 来 代表 ， 但 它们 能 通过 按键 代码 来 表示 (37、38、39 及 40)。 
图 2-15 展示 了 4 个 方向 键 及 它们 各 自 的 键 码 。 














38 


个 


图 2-15 4 个 方向 键 能 通过 4 个 键 码 来 代替 


我 们 先 创建 4 个 布尔 变量 来 存储 4 个 方向 键 的 状态 : 
/ /初始 化 按键 变量 


var leftArrow:Boolean = false; 
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var rightArrow:Boolean = false; 
Var upArrow:Boolean = false; 
var downArrow:Boolean = false; 
我 们 需要 添加 KEY_DOWN 和 KEY_UP 事件 的 侦 听 器 
便 在 刷新 屏幕 的 同时 移动 Sprite: 
/ /设置 事件 侦 听 器 


stage.addEvent 
stage.addEvent 
stage.addEventl 





Listener (Event .ENTER_FRAME, 


， 同 时 还 要 侦 听 


keyPressedUp); 
moveMascot); 


当 用 户 按 下 某 个 方向 键 时 ， 我 们 将 其 布尔 变量 设 为 true: 


// 将 方向 键 变量 设置 为 true 





function keyPressedDown (event:KeyboardEvent) { 

if (event.keyCode == 37) { 
leftArrow = true; 

} else if (event.keyCode == 39) { 
rightArrow = true; 

} else if (event.keyCode == 38) { 
upArrow = true; 

} else if (event.keyCode == 40) { 
downArrow = true; 


} 
类 似 地 ， 当 用 户 释放 按键 时 ， 将 布尔 变 
// 将 方向 键 变量 设置 为 false 


量 设 为 





function keyPressedUp (event :KeyboardqEvent ) 
if (event.keyCode == 37) { 
leftArrow = false; 
} else if (event.keyCode == 39) { 
rightArrow = false; 
} else if (event.keyCode == 38) { 
upArrow = false; 
} else if (event.keyCode == 40) { 
downArrow = false; 
中 
} 
现在 ， 我 们 可 以 根据 这 些 布尔 变量 的 值 ， 在 适 
片 剪 辑 。 
// 每 帧 运动 一 


function moveMascot (event :Event) { 
Var speed:Number = 5; 
if (leftArrow) { 
mascot.x -= speed; 
if (rightArrow) { 
mascot.x += speed; 
} 


if (upArrow) { 


false: 


{ 


定 运行 


当 的 方向 上 设 


对 


E 事件 ， 以 








NTER_FRAM 





Listener (KeyboardEvent .KEY_DOWN, keyPressedDown); 
Listener (KeyboardEvent .KEY_UP, 


了 的 距离 来 移动 mascot 影 
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mascot.y -= speed; 
} 
if (downArrow) { 
mascot.y += speed; 
} 
} 


影片 文件 MovingSprites.fla 展示 了 上 述 代 码 的 实际 效果 。 注 意 ， 这 里 我 们 是 单独 地 判断 每 个 
方向 键 的 布尔 值 , 你 还 可 以 把 它们 组 合 在 一 起 判断 。 例如 , 你 可 以 同时 按 下 向 右 和 向 下 的 方向 键 ， 
然后 mascot 就 会 向 右 下 移动 。 同 时 按 住 向 左 和 向 右 方向 键 时 ，mascot 并 不 会 移动 ， 因 为 左右 运 
动 相互 抵消 了 。 











2.4.2 ” 拖 虹 Sprite 


另 一 种 在 舞台 上 移动 Sprite 的 方法 是 ， 用 户 单 击 并 拖 忠 Sprite。 

这 里 ， 我 们 不 再 通过 键盘 ， 而 是 使 用 鼠标 。 当 用 户 选中 Sprite 时 ， 拖 中 动作 开始 ， 当 用 户 释 
放 鼠 标 按键 时 ， 拖 中 动作 停止 。 

但 是 , 当 用 户 释放 鼠标 按键 时 , 光标 并 不 一 定 会 停留 在 Sprite 的 上 方 。 因此, 我 们 在 mascot 
上 侦 听 MoUSE_DOwN 事件 ， 在 舞台 上 侦 听 MOUSE_UP 事件 。 这 样 ， 无 论 光标 是 否 停留 在 Sprite 
上 方 ， 舞 台 都 会 捕捉 到 MOUSE_UP 事件 。 

// 设 置 侦 听 器 

mascot .addEventListener (MouseEvent .MOUSE_DOWN， startMascotDrag); 


stage.addEventListener (MouseEvent .MOUSE_UP, stopMascotDrag); 
mascot .addEventListener (Event .ENTER_FRAME, dragMascot); 


另 一 个 需要 考虑 的 因素 是 光标 偏 移 量 。 我 们 允许 用 户 通 过 单 击 Sprite 上 的 任意 一 点 来 拖 动 
Sprite。 如 果 用 户 单 击 Sprite 的 右 下 角 , 开始 拖 动 时 ,运动 过 程 中 的 光标 和 Sprite 的 右 下 角 需 要 相 
对 静止 。 

为 此 ， 我 们 需要 记录 鼠标 在 Sprite 上 的 单 击 点 与 Sprite 中 心 点 (0, 0) 之 间 的 偏 移 量 ， 并 将 其 保 
存 至 clickoffset 变量 。 我 们 还 可 以 通过 clickoffset 变量 来 判断 此 刻 是 否 存 在 拖 虑 动作 。 
如 果 存 在 ，clickoffset 将 被 设 为 点 对 象 ， 不 存在 时 ， 它 的 值 为 null: 

//Sprite 的 位 置 与 单 击 点 之 间 的 偏 移 量 

var clickOffset:Point = null; 

当 用 户 单 击 Sprite 时 ， 单 击 点 的 位 置 根据 单 击 事件 的 localx 和 localY 属性 而 定 : 

// 用 户 单 击 Sprite 时 


function startMascotDrag (event:MouseEvent) { 
clickOffset = new Point (event.localX, event.localYyY); 




















} 

当 用 户 释放 鼠标 时 ，c1ickoffset 变量 返回 null: 

// 用 户 释 放 和 鼠标 

function stopMascotDrag (event:MouseEvent) { 
clickOffset = null; 





} 
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如 果 clickoffset 的 值 不 为 null1， 则 每 帧 将 mascot 的 位 置 设 为 光标 当前 所 处 的 位 置 ， 使 
偏 移 量 最 小 : 
/ /每 帧 调用 一 次 


function dragMascot (event:Event) { 
if (clickOffset != null) {// 若 clickOffset 的 值 不 为 null, 则 mascot 一 定 处 于 拖 粤 动作 中 
mascot.x = mouseX - clickOffset.x; 
mascot.y = mouseY - clickOffset.y; 
} 
} 


在 DraggingSprites.fla 文件 中 查看 上 述 代 码 的 效果 。 你 可 以 试 着 单 击 mascot 影片 剪辑 不 同 的 
点 来 拖 忠 它 ， 了 解 clickoffset 变量 在 拖 足 中 的 作用 。 


2.4.3 ”碰撞 检测 


了 解 了 游戏 中 如 何 移动 屏幕 中 的 对 象 后 ， 我 们 通常 还 要 检测 它们 彼此 间 的 碰撞 。 

ActionScript 3.0 包含 两 个 原 有 的 系统 碰撞 检测 函数 。hitTestPoint () 国 数 用 来 检测 某 个 点 
的 位 置 是 否 在 显示 对 象 内 。hitTestobject () 函数 用 来 检测 两 个 显示 对 象 是 否 重 又 。 

为 了 试验 这 两 个 函数 , 我 们 可 以 创建 一 个 简单 的 例子 。 每 帧 检测 一 次 光标 的 位 置 以 及 一 个 移 
动 着 的 Sprite 对 象 的 位 置 : 

addEventListener (Event .ENTER_FRAME, checkCollision); 

checkcollision 方法 里 ， 我 们 先 通过 hitTestPoint () 函数 来 检测 光标 是 否 单 击 了 舞台 
上 的 影片 剪辑 crescent。hitTestPoint () 函数 里 的 前 两 个 参数 设 为 指定 点 的 x 和 y 值 , 第 3 
个 参数 是 所 使 用 边框 的 类 型 , 它 的 默认 值 为 false, 意 味 着 只 有 显示 对 象 本 身 的 矩形 边界 被 检测 。 

默认 值 false 只 适用 于 Sprite 对 象 为 方形 的 情形 ， 并 不 适用 于 大 多 数 游戏 。 相 反 ， 如 果 将 
其 设 为 true，hitTestPoint () 国 数 则 可 以 根据 显示 对 象 的 实际 形状 来 判断 是 否 发 生 碰撞 。 

我 们 可 以 将 hitTestPoint () 方 法 的 结果 传递 至 文本 字段 ,在 文本 字段 内 显示 不 同 的 结果 信息 : 


function checkCollision(event:Event) { 

















// 检 测 crescent 对 象 上 的 光标 位 置 


if (crescent.hitTestPoint (mouseXx, mouseY, true)) { 


messageText1.text = "hitTestPoint: YES"; 
} else { 
messageText1 .text = "hitTestPoint: NO"; 


} 
hitTestObject () 方 法 没有 形状 选项 参数 。 它 只 比较 两 个 Sprite 对 象 的 边框 是 否 相 交 。 某 
些 情况 下 ， 此 方法 还 是 很 有 帮助 的 。 
下 述 代码 将 使 star 影片 剪辑 跟随 鼠标 移动 ， 旁 边 的 文本 字段 将 显示 星星 与 新 月 (crescent) 
边界 是 否 相交 的 信息 。 
// 星 星 跟随 鼠标 移动 


star.¥X = NOUSeX} 
star,y = mouseY; 





2.5 获取 外 部 数据 55 





/ /测试 星星 与 新 月 是 否 相 交 


if (star.hitTestObject (crescent)) { 
messageText2.text = "hitTestObject: YES"; 
} else { 
messageText2.text = "hitTestObject: NO"; 


} 
j 


示例 文件 CollisionDetection.fla 展示 了 上 述 代 码 运行 结果 。 如 图 2-16 所 示 ， 光 标 位 于 新 月 的 
边框 内 ， 但 是 因为 我 们 将 hitTestPoint 函数 的 shape flag 参数 设 为 true， 所 以 ， 只 有 当 光 标 
移动 到 新 月 的 上 方 时 ， 才 真正 发 生 碰撞 。 同 时 ， 当 星星 和 新 月 的 边界 相交 时 ， 也 发 生 碰 撞 。 











hitTestPoint: NO 
hitTestObject: YES 


》 


图 2-16 测试 光标 所 处 的 点 及 星星 是 否 与 新 月 对 象 发 生 磁 撞 














2.5 获取 外 部 数据 


有 时 候 ,， 获取 游戏 的 外 部 信息 是 很 有 必要 的 。 你 可 以 从 网 页 或 者 文本 字段 中 载 和 人 外 部 游戏 参 
数 ， 你 也 可 以 本 地 保存 游戏 信息 。 


2.5.1 外 部 变量 


假设 你 的 游戏 可 以 基于 不 同 的 设置 而 进行 改变 ， 例 如 ， 拼 图 游戏 可 以 变换 不 同 的 图 片 ， 街 机 
游戏 能 以 不 同 的 速度 运行 。 

你 可 以 通过 Flash 影片 所 在 的 HTML 页 面 将 变量 值 传 至 Flash 影片 。 实 现 这 种 数据 传输 有 几 
种 不 同 的 方式 ， 如 果 你 在 发 布设 置 中 设 为 使 用 默认 的 HTML 模板 ， 则 可 以 通过 在 HTML 页 面 内 
添加 flashvars 属性 来 传递 参数 。 


说 明 
Flash 影片 通过 网 页 架构 ActiveX (Internet Explorer) 和 plug-in (Safari、Firefox、Chrome 


及 其 他 ) 中 的 OBJECT 和 EMBED 标签 来 馈 入 Flash 影片 。 因 此 ， 你 需要 在 HTML 中 将 
这 些 参数 添加 两 次 : 一 次 是 给 ActiveX， 一 次 给 plug-in。 
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以 下 是 插入 变量 的 : 
加 的 外 ， 其 他 的 代码 均 是 在 影片 发 布 时 自动 生成 的 。 





四 














<object classid="clsid:d27cdb6e-ae6d-11lcf-96b8-444553540000" 


height="400" 
id="ExternalVariables" align="middle"> 


<param name="movie" value="ExternalVariables.swf" /> 


<param name="quality" value="high" /> 
<param name="bgcolor" value="#ffffff" /> 
<param name="play" value="true" /> 

<param name="loop" value="true" /> 

<param name="wmode" value="window" /> 
<param name="scale" value="showall" /> 
<param name="menu" value="true" /> 

<param name="devicefont" value="false" /> 
<param name="salign" value="" /> 


MBED/OBJECT 代码 。 除 了 那 两 行 含 有 flashvars 参数 的 代码 是 由 我 添 


width="550" 


<param name="flashvars" value="puzzleFile=myfilename.jpg&difficultyLevel=7" /> 


<param name="allowScriptAccess" value="sameDomain" /> 


<object type="application/x-shockwave-flash" data="ExternalVariables.swf"%~ 


width="550" height="400"> 


<param name="movie" value="ExternalVariables.swf" /> 


<param name="quality" value="high" /> 
<param name="bgcolor" value="#ffffff" /> 
<param name="play" value="true" /> 

<param name="loop" value="true" /> 

<param name="wmode" value="window" /> 
<param name="scale" value="showall" /> 
<param name="menu" value="true" /> 

<param name="devicefont" value="false" /> 
<param name="salign" value="" /> 

<param name="flashvars" 


value="puzzleFile=myfilename.jpg&difficultyLevel=7" /> 
<param name="allowScriptAccess" value="sameDomain" /> 


<a href="http://ww.adobe.com/go/getflash"> 
<img src="http://ww.adobe.com/images/shared/ 


download buttons/get_flash player.gif" alt="Get Adobe Flash player" /> 


</a> 
</object> 





参数 flashvars 的 赋值 自 “属性 名 称 = 值 ”组 成 ， 多 个 属性 之 间 由 符号 & 隔 开 。 因 此 ， 本 示 
例 中 ， 属性 puzzleFile 的 值 为 myfilename.jpg, 属性 difficultyLevel 的 值 为 中 
当 Flash 影片 运行 时 ， 影 片 会 通过 LoaderInfo 对 象 重新 获取 这 些 数 据 。 如 下 代码 会 获取 这 


些 参数 的 值 ， 并 赋予 paramobj 对 象 : 


Var paramObj :Object = LoaderInfo(this.root. LIoadqerInfo) .parameters; 








如 果 想 获取 某 个 单独 属性 的 值 ， 可 以 通过 如 下 方式 : 


var diffLevel:String = paramObj["difficultyLevel"]; 


可 以 传递 游戏 中 所 需 的 任意 数据 ， 如 图 片 名 称 、 游 戏 开始 的 等 级 、 
需要 由 不 同 的 单词 或 短语 组 成 ， 找 词 游 戏 需 要 设置 一 个 不 同 的 起 始点 。 








速度 及 方位 等 。 猜 词 游戏 
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注意 ， 运 行 ExternalVariables.fla 文件 的 正确 做 法 是 ， 在 浏览 器 中 加 载 ExternalVariables.html 
文件 。ExternalVariables.html 对 flashvars 参数 都 已 设置 过 ， 所 以 ， 如 果 你 在 Flash 中 测试 ， 或 
重新 创建 HIML 页 面 ， 这 些 参数 数据 将 遗失 。 


2.5.2 “加载 数据 


从 外 部 文本 文件 中 加 载 数据 会 相对 简单 。 如 果 是 XML 格式 文件 则 更 为 理想 。 
例如 ， 假 设 你 需要 从 一 个 文件 中 载 和 智力 问答 游戏 所 需 的 题目 ，XML 数据 可 以 如 下 书写 : 


<LoadingData> 
<question> 
<text>This is a test</text> 
<answers> 











<answer type="correct">Correct answer</answer> 
<answer type="wrong">Incorrect answer</answer> 
</answers> 
</question> 
</LoadingData> 


加 载 以 上 数据 需要 用 到 两 个 对 象 : URLRequest 和 URLLoader。 然 后 侦 听 加 载 是 否 完成 ， 
待 完 成 后 调用 处 理 函 数 。 


Var xmlURL:URLRequest = new URLRequest ("LoadingData.xml"); 
Var xmlLoader:URLLoader = new URLLoader (xmlURL); 
xmlLoader.addEventListener (Event .COMPLETE, xmlLoaded); 


本 例 中 ，xmlLoaded() 方 法 只 对 载 入 的 数据 进行 输出 : 


function xmlLoaded(event:Event) { 
Var dataXML = XML(event.target.data); 
trace (dataxXML .question.text); 
trace(dataxXML.gquestion.answers.answer[0]); 
trace(dataxXML .question.answers.answer[0] .Qtype) : 





} 

你 会 发 现 ， 获取 文件 中 的 XML 数据 是 如 此 简单 。 由 于 dataxML 为 XML 对 象 ， 你 可 以 通过 
dataxML .question.text 语句 获取 问题 文本 内 容 , 通过 dataXxML .question.answers[0] 获 
取 第 一 个 答案 。 还 可 以 获取 数据 的 属性 ， 如 使 用 etype 来 获得 问题 答案 的 变量 类 型 。 

示例 文件 LoadingData.fla 从 LoadingData.xml 文件 中 读 取 数 据 。 试 着 在 XML 文件 内 替换 或 添 
加 新 数据 ， 然 后 通过 trace 语句 测试 各 部 分 数据 的 读 取 。 


2.5.3 ”存储 本 地 数据 


游戏 开发 过 程 中 经 常 需要 存储 些 本 地 数据 。 例 如 ,你 需要 存储 玩家 上 一 轮 的 得 分 或 一 些 游戏 
选项 设置 。 

我 们 通过 一 个 本 地 对 象 Sharedobject 在 用 户 的 机 器 上 存储 一 部 分 数据 。 使 用 shared- 
Object 对 象 与 新 建 对 象 的 做 法 一 致 ， 只 需要 确定 此 对 象 是 否 存在 ， 然 后 创建 。 这 么 做 ,我们 需 
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要 为 sharedobject 对 象 的 getLocal 方法 分 配 一 个 已 有 的 变量 名 称 : 

var myLocalData:SharedObject = SharedObject.getLocal ("mygamedata"); 

myLocalData 对 象 接收 任何 属性 类 型 : 数字 、 字 符 串 、 数 组 或 其 他 对 象 等 。 

如 果 你 在 某 对 象 的 gameinfo 属性 中 存储 了 数据 ， 可 以 通过 myLocalData.data.gameinfo 
直接 获取 数据 ; 

trace("Found Data: "+myLocalData.data.gameinfo); 

你 可 以 将 gameinfo 属性 设 为 常量 


myLocalData.data.gameinfo = "Store this."; 





= Me 


运行 测试 文件 SavingLocalData.fla。trace 方法 会 输出 myLocalData.data.gameinfo 属 
性 。 由 于 之 前 我 们 并 未 定义 gameinfo 变量 ， 输 出 结果 为 undefined。 将 变量 赋值 后 ， 第 二 次 
测试 输出 Store this。 


2.6 各 类 游戏 元 素 


以 下 是 一 些 可 以 执行 多 种 任务 的 简单 脚本 代码 。 当 中 大 多 数 都 可 以 在 需要 时 添加 至 任何 游 
戏 中 。 


2.6.1 定制 光标 


假设 你 希望 替换 掉 标 准 的 光标 ,采用 更 适合 的 光标 样式 来 配合 你 的 游戏 。 比 如 ， 你 希望 儿童 
游戏 里 的 光标 能 更 大 些 ， 或 在 射击 游戏 中 采用 十 字 光 标 。 

尽管 我 们 不 色 8 政变 电脑 本 身 的 光标 ， 但 我 们 可 以 隐藏 它 ， 至 少 使 其 不 可 见 。 然 后 ， 通过 一 个 
浮动 在 所 有 元 素 上 方 、 与 光标 位 置 重合 的 Sprite 来 代替 光标 。 

通过 Mouse.hide () 命 令 使 光标 不 可 见 : 

Mouse.hide(); 

接着 ， 要 使 Sprite 如 光标 般 运 动 ， 我 们 需要 将 其 放 入 位 于 所 有 元 素 上 方 的 图 层 内 。 如 图 2-17 
所 示 ， 时 间 轴 上 含有 3 个 图 层 。 第 二 个 图 层 只 有 光标 元 素 ， 其 余 元 素 均 位 于 第 三 个 图 层 


TIMELINE 




















同 Cursor 
Wy Everything Else 。。 国 











12:00fps 0.0s 


|# 和 器 别 [ 了 


图 2-17 光标 必须 位 于 所 有 元 素 的 上 方 
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说 明 


如 果 你 是 通过 ActionScript 代码 来 创建 对 象 ， 也 要 将 光标 设置 在 最 上 方 。 通 i 
setchildIndex 命令 可 以 在 创建 游戏 对 象 后 将 光标 设置 在 最 上 方 。 
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我 们 需要 侦 听 ENTER_FRAME 事件 ， 实 现 Sprite 跟随 光标 : 

addEventListener (Event .ENTER_FRAME, moveCursor); 

然后 ， 通 过 moveCursor () 方 法 对 arrow 对 象 ( 即 本 案例 中 的 “光标 ”实例 ) 进行 设置 ， 
使 其 跟随 鼠标 移动 : 


function moveCursor (event :Event) { 
arrow.xX = mousexXx; 











Aarrow.y = mouseY:; 


} 

还 需要 将 Sprite 的 mouseEnabled 属性 设 为 false， 否 则 ， 隐 藏 光标 就 会 像 按 钮 一 样 ， 永 
远 在 代表 Sprite 的 光标 之 上 、Sprite 之 下 。 

arrow.mouseEnabled = false; 

如 果 不 添加 以 上 代码 , 那么 将 鼠标 移 至 按钮 上 方 时 ,按钮 不 会 切换 至 鼠标 悬 停 状态 或 响应 鼠 
标 单 击 事件 。 以 上 代码 使 定制 光标 不 响应 鼠标 事件 。 

如 图 2-18 所 示 ， 定 制 光 标 悬 停 在 一 个 简单 的 按钮 上 。 


Be CustomCursor.swf | 

















Cg 














图 2-18 尽管 arrow Sprite 对 象 是 鼠标 所 处 位 置 的 第 一 个 对 象 ， 按 钮 仍然 切换 至 鼠标 
基 停 状态 


示例 文件 CustomCursor.fla 的 舞台 中 含有 一 个 简单 的 按钮 ， 你 可 以 通过 移动 鼠标 至 按钮 上 方 
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来 测试 定制 光标 。 
2.6.2 ”播放 声音 

在 ActionScript 3.0 里 播放 音频 主要 有 两 条 途径 : 库 中 的 音频 文件 ， 或 外 部 音频 文件 。 

也 许 对 于 大 多 数 游戏 的 音频 效果 来 说 , 最 好 的 方法 是 将 音频 文件 府 入 影片 的 库 中 。 可 以 通过 


菜单 中 的 File~Import>Import to Library (导入 到 库 ) 命令 来 导入 音频 文件 ， 然 后 在 库 中 右 击 导 
入 的 文件 ， 选 择 Properties 查看 其 Sound Properties (声音 属性 ) 对 话 框 ， 如 图 2-19 所 示 。 





Sound Properties 











| Sound1 名 et 一 
由 

一 一 一 

| /Users/rosenz/Documents/Books/AS3GPU/Chapter ( Cancel 
_ 2/Source/Sound1.aiff Pp 

n (Update 
| Tuesday, May 4, 2004 9:28 AM -一 一 一 
ry 
22 kHz Mono 16 Bit 0.6 s 27.6 kB (Import... ) 
Compression: 「 Default 网 人 《一 Test 一 人 
( Stop ) 

Will use publish setting: MP3, 16 kbps, Mono 
GG Basic ) 





Device sound: 











Linkage 
Export for ActionScript 
园 Exportin frame 1 
ldentifier: 
cass[EGaa Ea 2 
Base class: flash.media.Sound [ v| 区 
Sharing 


口 Export for runtime sharing 
ORG 


URL: 














图 2-19 ”可 以 在 Sound Properties 对 话 框 内 设置 音频 文件 的 
类 标示 符 ， 然 后 在 ActionScript 中 调用 它 
若 要 在 ActionScript 中 使 用 音频 ， 你 需要 将 音频 链接 (Linkage) 设 为 Export for ActionScript， 
然后 为 它 设置 一 个 类 名 ， 以 方便 代码 调用 。 本 案例 中 ， 音 频 文件 类 名 为 Sound1。 
接着 ， 要 播放 这 个 音频 文件 只 需要 两 行 代码 : 


Var soundl:Soundl = new Soundl (); 
Var channel:SoundChannel = soundl .play (); 


或 者 ， 也 可 以 简写 为 一 行 : 
Var channel:SoundChannel = (new Soundl1()) .play(); 
播放 外 部 音频 文件 会 稍微 有 些 麻烦 。 首 先 ， 你 需要 将 音频 文件 保存 至 一 个 对 象 。 以 下 代码 将 
PlayingSounds.mp3 文件 赋予 sound2 对 象 。 
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Var sound2:Sound = new Sound(); 
Var req:URLRequest = new URLRequest ("PlayingSounds .mp3"); 
sound2. Joao Teg); 


接着 ， 你 只 需要 通过 play 命令 就 可 以 播放 它 : 


Sound2,. play(}: 


示例 文件 PlayingSounds.fla 内 含有 两 个 按钮 : 一 个 用 来 播放 库 中 音频 文件 ， 另 一 个 用 来 播放 
外 部 音频 文件 。 当 影片 运行 时 ， 会 立即 加 载 外 部 音频 文件 ， 为 随时 播放 做 好 准备 。 





说 明 
如 果 是 播放 时 间 较 长 的 外 部 音频 文件 ， 很 有 可 能 遇 到 需要 播放 音频 文件 时 ， 它 还 未 加 载 
完成 。 可 以 通过 音频 对 象 的 isBuffering 属性 来 判断 它 是 否 加 载 完成 。 还 可 以 通过 
bytesLoaded 和 bytesTotal 属性 来 实现 更 多 的 音频 监测 功能 。 


但 是 ， 即 使 音频 文件 没有 加 载 完 成 ， 它 也 会 在 加 载 后 立即 播放 。 不 过 较 短 的 音频 倒 不 用 
担心 这 个 问题 。 
















































































































































































2.6.3 加载 进程 界面 


Flash 是 为 流 媒 体内 容 而 生 的 。 这 意味 着 ,在 只 有 少量 流 媒 体内 容 被 加 载 ( 比 如 第 1 帧 上 的 

元 素 ) 的 情况 MT， 影 也 会 开始 播放 。 
这 点 对 于 动画 而 言 再 好 不 过 了 。 假 设 有 一 个 含有 1000 帧 的 手工 制作 的 动画 ， 你 可 以 立即 播 

放 它 ， 并 且 在 观看 当前 帧 时 继续 加 载 后 续 帧 。 

但 对 于 游戏 来 说 ， 我 们 很 少 这 么 做 。 多 数 情况 ,我 们 需要 立即 调用 游戏 元 素 。 如 果 因 为 未 加 
载 完成 而 导致 某 元 素 调用 失败 ， 会 导致 整个 游戏 运行 不 和 畅 。 

大 多 数 游戏 会 采用 加 载 进程 界面 , 来 控制 影片 直到 所 有 元 素 加 载 完 成 再 进行 播放 , 同时 这 也 
告知 用 户 当前 的 加 载 状 态 。 

最 简单 的 方法 是 在 影片 的 第 1 帧 放置 stop 命令 。 这样 , 影片 会 停止 播放 , 直到 你 告诉 它 开始 : 

stop(); 

接着 ， 侦 听 ENTER_FRAME 事件 ， 每 帧 调用 一 次 10adProgress () 国 数 ; 

addEventListener (EVent .ENTER_FRAME， loadProgress); 


loadProgress () 方 法 通过 this.root.loaderInfo 来 获取 影片 的 加 载 状态 ， 它 带 有 
bytesLoaded 和 bytesTotal 属性 。 我 们 将 获取 这 两 个 属性 的 值 ， 并 将 其 除 以 1024 以 转换 成 
KB ( 千 字 节 ): 

function loadProgress (event:Event) { 

// 获 取 已 加 载 字 节 和 总 字 节 
Var movieBytesLoaded:int = this.root.loaderIinfo.bytesLoaded; 
Var movieBytesTotal:int = this.root.loaderIinfo.bytesTotal; 
































62 第 2 章 ActionScript 游戏 元 素 





/ /转换 为 千 字 节 
var movieKLoaded:int = movieBytesLoaded/1024; 
Var movieKTotal:int = movieBytesTotal/1024; 


我 们 可 以 在 影片 第 1 帧 的 文本 字段 内 显示 加 载 进度 , 使 文本 字段 能 显示 出 “Loading: 5K/32K” 
这 样 的 信息 : 


/ /显示 进度 
progressText .text = "Loading: "+movieKLoaded+"K/"+movieKTotal+"K"; 


当 movieBytesLoaded 的 值 与 movieBytesTotal 的 值 相等 时 ， 移 除 侦 听 器 ， 并 播放 第 2 
帧 。 如 果 这 是 一 个 连续 的 动画 序列 ， 可 以 使 用 gotoAandPlay 语句 : 
// 加 载 完 成 后 继续 播放 
if (movieBytesLoaded >= movieBytesTotal) { 


removeEventListener (Event .ENTER_FRAME, loadProgress); 
GotoaAndqStop (2) ; 





} 


影片 文件 LoadingScreen.fla 的 第 1 帧 包含 了 这 些 代码 。 第 2 帧 上 有 一 张大 小 为 33KB 的 图 片 。 
为 测试 以 上 代码 ， 我 们 先 通 过 选择 Control( 控 制 ) 一 Test Movie (测试 影片 ) 来 测试 影片 。 接 着 ， 
在 测试 环境 中 ,选择 View (视图 ) 一 Download Settings (下 载 设置 ) ， 设 为 56K。 然 后 选择 View 
(视图 ) 一 Simulate Download (模拟 下 载 ) 。 模 拟 下 载 将 以 4.7KBps 的 速度 加 载 ， 你 可 以 观察 到 
屏幕 加 载 的 动作 。 (提示 : Flash CS5 初始 版 本 的 Simulate Download 功能 存在 一 些 bug， 有 时 不 
会 正常 运行 。 重 启 Flash 可 能 是 最 好 的 修复 方法 。) 


2.6.4 ”随机 数 


几乎 在 所 有 游戏 中 都 会 用 到 随机 数 。 它 可 以 无 限 次 变化 ， 帮 助 你 保持 代码 的 简洁 。 
在 ActionScript 3.0 里 ， 我 们 通过 Math.random() 国 数 来 创建 随机 数 。 它 会 返回 0.0~1.0 的 
值 (不 含 1.0) 。 








说 明 


返回 的 数值 是 由 Flash Player 内 复杂 的 算法 生成 的 。 看 起 来 是 完全 随机 的 ， 但 是 因为 它 始 
终 是 通过 算法 得 出 的 ， 所 以 技术 上 并 不 是 完全 随机 。 和 然而， 我 们 游戏 开发 者 并 不 用 担心 
这 点 ， 将 其 视 为 完全 随机 即 可 。 





































































































下 面 代码 将 返回 0.0~ 1.0 的 数字 ， 但 不 包含 数字 1.0: 

Var randqom1 :Number = Math.random(); 

通常 ,我 们 希望 随机 数 能 从 一 个 指定 的 区 间 中 产生 。 例如 , 你 也 许 需要 一 个 0~ 10 的 随机 数 。 
我 们 将 Math.random() 的 结果 乘 以 区 间 大 小 来 定义 一 个 区 间 。 
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Var random2:Number = Math.random()*10; 
如 果 想 要 一 个 整数 随机 数 而 不 是 浮 点 数 ， 你 可 以 通过 Math.f1oor () 函数 将 数值 向 下 舍 入 。 
以 下 代码 生成 0~9 的 随机 整数 : 
var random3:Number = Math.floor(Math.random()*10); [ 攻 二 
如 果 你 希望 随机 数 的 产生 不 从 0 开始 , 可 以 在 结果 中 做 加 法 。 以 下 代码 生成 1~10 的 随机 数 : 
var random4:Number = Math.floor(Math.random()*10)+1 


影片 文件 RandomNumbers.fla 包含 以 上 代码 ， 并 在 Output 面板 输出 结果 。 


2.6.5 ”数组 重组 


在 游戏 中 ,随机 数 最 常见 的 用 法 是 在 游戏 开始 时 建立 游戏 结构 。 最 为 典型 的 是 , 通过 随机 数 
将 游戏 元 素 重 新 排列 ， 如 卡 牌 、 区 块 或 其 他 游戏 部 件 。 

例如 ， 假 设 一 个 游戏 由 52 个 部 件 组 成 ， 你 希望 将 它们 随机 排列 ， 如 同 发 牌 者 在 发 牌 之 前 先 
进行 洗 牌 一 样 。 这 么 做 , 我 们 需要 先 创建 一 个 简单 排列 的 数组 。 如 下 代码 , 创建 了 一 个 0~51 的 
数组 : 


/ /创建 数组 序列 

Var startDeck:Array = new Array(); 

for(var cardNum:int=0;cardNum<52;cardNum++) { 
startDeck.push (cardNum); 























} 
trace("Unshuffled:",startDeck); 


Output 面板 显示 如 下 : 

Unshuffled: 
0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30, 
31.3273373430736, 37738;739.40,417d42;43744;45746y47748;49.,50;51 


将 此 数组 进行 随机 排列 ,我 们 可 以 随机 选择 数组 中 的 一 个 值 ， 将 它 添加 至 新 的 数组 ,然后 在 
原先 数组 里 删除 该 值 ， 直 至 原先 数组 中 的 值 全 部 添加 至 新 数组 : 
/7 在 新 数组 里 重新 排列 


Var shuffledDeck:Array = new Array(); 


while (startDeck.length > 0) { 
Var r:int = Math.floor(Math.random()*startDeck.length); 


shuffledDeck.push(startDeck[r]); 
startDeck.splicel(r,1); 


} 
trace("Shuffled:", shuffledDeck); 


运行 结果 如 下 所 示 ， 当 然 ， 每 次 运行 都 将 得 到 不 同 的 结果 : 


shuffleds 3;42.40,16741;44;30727733;11;50,;0,21723.49729,20,.28,22.32,397235.; 
1 yo Brl0r3 12 3 od 26rdB dd3 9 4.38 7 lo 36. Dl,24, T4187397 LT: G34rL3, .47 


示例 文件 ShufflingAnArray.fla 展示 了 以 上 代码 实现 过 程 。 
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2.6.6 ”显示 时 间 


我 们 可 以 通过 getTimer () 函数 来 获取 时 间 。 它 可 以 返回 Flash 播放 器 从 运行 开始 至 当前 所 
用 掉 的 时 间 (以 毫秒 计算 )。 

游戏 中 ， 典 型 的 用 法 是 在 游戏 开始 时 ,将 getTimer () 的 值 保 存 至 一 个 变量 中 。 例 如 ,游戏 
在 Flash 播放 器 运行 后 的 7.8 秒 才 开 始 ， 这 段 时 间 的 延迟 也 许 是 用 户 在 寻找 游戏 开始 按钮 所 造成 
的 。 因 此 ，7800 将 存储 在 startTime 变量 中 。 

接着 ， 获 取 任 意 时 间 点 游戏 所 运行 的 时 间 ， 只 需 将 当前 时 间 减 去 startTime 值 即 可 。 

但 是 ， 用 户 并 不 会 感知 以 毫秒 计算 的 时 间 ， 用 户 更 希望 看 到 以 1:34 的 形式 来 表示 时 间 已 过 
去 1 分 34 秒 。 

将 毫秒 转换 成 常用 时 间 格 式 ， 只 需 除 以 1000 得 到 秒 数 ， 再 除 以 60 得 到 分 钟 数 即 可 。 

以 下 例子 将 在 屏幕 中 放置 一 个 文本 字段 ， 当 影片 开始 时 即 记录 时 间 ， 然 后 每 帧 在 文本 字段 中 
输出 时 间 。 同 时 ， 时 间 被 转 为 分 钟 和 秒 钟 ， 若 秒 钟 小 于 10 则 在 数字 前 补 个 0。 


Var timeDisplay:TextField = new TextField(); 
addCchild(timeDisplay); 

















Var startTime:int = getTimer(); 
addEventListener (Event .ENTER_FRAME, showClock); 


function showClock(event:Event) { 
// 已 发 生 的 毫秒 数 


Var timePassed:int = getTimer()-startTime; 


// 获 取 分 钟 和 秒 钟 

Var seconds:int = Math.floor(timePassed/1000); 
Var minutes:int = Math.floor(seconds/60); 
seconds -= minutes*60; 


/ /转换 为 时 间 字 符 事 


Var timeString:String = minutes+":"+String (seconds+100) .substr(1,2); 


// 在 文本 字段 中 显示 时 间 
timeDisplay.text = timeSstring; 


} 

我 们 来 深入 了 解 一 下 时 间 字 符 串 的 转换 。 分 钟 直接 由 minutes 变量 的 值得 出 ， 然 后 ， 在 分 
钟 数 后 添加 冒号 (半角 )。 而 秒 数 则 是 不 同 的 处 理 方式 ， 如 7 秒 加 上 100 秒 后 为 107 秒 ，52 秒 加 
上 100 秒 为 152 秒 ， 等 等 。 接着, 通过 String 构造 函数 将 其 转换 为 字符 串 。 通 过 substr 函数 
从 秒 数 的 第 一 位 开始 ， 截 取 2 位 。 因 为 数值 从 位 置 0 开始 ， 因 此 本 例子 中 ， 截 取 07 和 52， 而 不 
截取 第 3 位 的 1。 

字符 串 的 结果 形 如 1:07 或 23:52。 示 例文 件 Displaying Aclock. fla 展示 了 以 上 代码 的 实现 。 


2.6.7 ”系统 数据 
有 时 候 ， 了 解 运行 游戏 的 电脑 环境 也 很 有 必要 。 它 也 许 会 影响 到 游戏 对 特定 情况 的 处 理 











o 
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例如 ,你 可 以 通过 stage.stagewidth 和 stage.stageHeight 属性 来 获取 人 舞台 的 宽度 与 
高 度 。 当 影片 被 要 求 与 浏览 器 大 小 相符 时 ,这 两 个 属性 的 值 会 发 生 改 变 。 如 果 你 的 影片 设置 为 宽 
640 像素 ， 然 而 你 检测 到 其 运行 在 宽 800 像素 的 屏幕 上 ， 你 可 以 选择 展示 更 多 细节 ， 使 用 户 了 解 
得 更 详细 。 或 者 ， 你 可 以 选择 显示 更 少 的 动画 帧 ， 因 为 放大 影片 意味 着 需要 更 强 的 泻 染 能 力 。 

你 还 可 以 通过 capabilities 对 象 来 了 解 电脑 的 更 多 信息 。 以 下 简单 列 出 了 游戏 开发 者 经 
常用 到 的 一 些 属性 。 


D Capabilities.playerType 























当 你 测试 影片 时 ， 它 返回 External; 作为 Flash 项 目 
运行 时 , 返回 StandAlone。 运 行 在 Firefox 或 Safari 这 类 神 览 器 上 时 ,返回 PlugIn; 当 
甚 运行 在 下 上 时 ， 返回 Activex。 所 以 ,你 可 以 写 一 些 测试 代码 ， 只 有 在 playerType 
的 值 是 External 时 才 运 行 它们 。 这 样 就 保证 了 在 其 他 情况 下 (运行 在 Web 端 ), 不 会 受 
到 影响 。 

D capabilities.language 

母 组 成 ， 如 en 代表 英语 。 

该 属性 返回 电脑 的 操作 系统 和 系统 版 本 ， 如 Mac OS 10.4.9。 

口 Capabilities.screenResolutionX. Capabilities.screenResolutionY 一 一 妈 问 

屏幕 分 辩 率 ， 如 1280 和 1024。 

口 Capabilities.version 该 属性 表示 Flash Player 的 版 本 ， 如 Mac 9.0.45.0。 你 可 以 

通过 此 属性 提取 操作 系统 版 本 或 播放 器 版 本 。 

还 可 以 使 用 更 多 的 capabilities 属性 。 查 看 Flash CS5 的 帮助 文档 。 也 可 以 查看 影片 文件 

SystemData.fla， 它 在 文本 字段 中 展示 了 上 述 大 部 分 代码 的 运行 结果 。 


2.6.8 游戏 盗版 及 保护 问题 


互联 网 上 的 游戏 盗版 现象 是 个 很 大 的 问题 。 大 多 数 游戏 都 没有 采取 保护 措施 ， 盗 版 者 可 以 很 

容易 从 网 络 中 获取 游戏 的 SWF 文件 ， 然 后 再 上 传 到 某 个 网 站 上 ， 宣 称 是 他 们 的 作品 。 

这 里 有 些 办 法 可 以 预防 这 种 现象 。 最 简便 的 方法 是 确保 你 的 游戏 运行 在 你 自己 的 服务 器 上 。 
我 们 可 以 通过 this.root.1loaderInfo.url 属性 来 进行 定义 。 如 果 游 戏 是 运行 在 网 络 上 ， 该 
属性 会 返回 以 http:/ 开 始 的 SWF 文件 路 径 。 然 后 ， 你 可 以 将 返回 的 值 与 你 自己 的 域名 进行 对 比 ， 
例如 ， 要 确保 路 径 为 flashgameu.com， 你 可 以 如 下 操作 : 

















该 属性 返回 电脑 采用 的 第 一 语言 的 代码 字符 ， 由 2 个 字 





D Capabilities.os 












































if (this.root.loaderIinfo.url.indexOf ("flashgameu.com") != -1) { 
info.text = "Is playing at flashgameu.com"; 

} else { 
info.text = "Is NOT playing at flashgameu.com"; 


} 

如 果 不 想 只 是 简单 地 在 文本 字段 内 显示 信息 ， 你 还 可 以 让 游戏 停止 ， 或 者 通过 navigate- 
ToURL () 方 法 将 用 户 引导 至 你 的 网 站 。 

在 网 站 中 对 游戏 进行 保护 后 , 下 一 步 是 确保 他 人 无 法 通过 EMBED 标签 和 文件 的 绝对 URL 地 址 
使 用 你 的 SWF 文件。 通过 EMBED 标签 ,他 人 可 以 将 你 服务 器 上 的 游戏 嵌入 到 他 们 服务 器 的 网 站 上 。 
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要 阻止 这 种 情况 并 不 简单 。 但 是 ， 一旦 你 发 现 了 这 种 情况 ， 你 可 以 通过 改变 SWF 文件 的 地 
址 来 解决 它 。 事 实 上 ， 你 还 可 以 通过 一 个 只 有 navigateToURL 方法 的 Flash 来 替换 被 盗用 路 径 
的 Flash， 间 接 引 导 玩 家 到 你 的 网 站 上 来 。 


说 明 


有 些 网 络 服务 器 能 防止 远程 链接 。 这 通常 是 用 来 防止 人 们 将 你 服务 器 上 的 图 片 转载 到 自 
己 网 站 中 。 大 多 数 情况 下 ， 此 方法 也 适用 于 SWF 文件 。 你 可 以 向 你 的 互联 网 服务 提供 商 
(ISP) 了 解 此 功能 。 








































































































还 有 一 种 更 高 级 的 防 嵌 入 链接 的 方法 相对 复杂 点 。 基 本 上 ， 它 是 通过 两 种 方式 向 Flash 影 
传递 一 个 加 密 的 值 : 一 种 通过 flashvars 传递 参数 和 简短 的 文本 ， 另 一 种 使 用 URLLoader 
XML 数据 。 如 果 两 者 的 加 密 值 不 相符 ， 说 明 你 的 Flash 影片 被 瓷 了 。 

这 种 方法 基于 定期 修改 以 上 两 种 路 径 传递 给 Flash 的 加 密 值 。 如 果 有 人 盗用 了 你 的 SWF 影 
片 ， 但 是 他 并 没有 使 用 你 的 HTML 代码 来 将 Flash 影片 租 入 网 页 中 ， 则 盗用 的 影片 不 会 会 接收 到 
flashvars 传递 的 加 密 值 ， 因 此 影片 也 就 不 能 被 他 所 用 。 

即便 有 人 容 取 了 你 的 HTML 代码 ， 他 也 只 会 得 到 当前 版 本 的 flashvars 参数 加 密 值 。 也 许 
一 段 时 间 内 会 与 URLLoader 传递 的 加 密 值 相符 ， 但 一 旦 你 更 新 了 两 个 参数 加 密 值 后 ， 处 于 盗用 
者 网 站 上 的 flashvars 加 密 值 将 无 法 与 你 服务 器 上 的 新 URLLoader 加 密 值 相符 。 

当然 ， 仍 然 存 在 有 人 盗用 你 SWF 文件 的 现象 ， 他 可 以 通过 SWF 反 编 译文 件 打开 你 的 文件 ， 
然后 将 你 的 加 密 代码 移 除 。 所 以 ， 并 没有 100% 的 解决 方案 。 不 过 ， 大 多 数 盗 用 者 会 寻找 容易 盗 
用 的 影片 ， 所 以 ， 尽 量 不 要 让 你 的 影片 成 为 易 盗 用 的 对 象 。 

好 了 ,现在 你 已 经 通过 这 些小 程序 学 习 了 些 ActionScript 3.0 的 编程 技巧 , 下面 我 们 继续 学 习 ， 
开始 编写 我 们 的 第 一 个 游戏 。 
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本 游戏 框架 : 配对 游戏 


本 章 内 容 


口 放置 可 交互 的 元 素 
口 游戏 开始 

口 封装 游戏 

口 添加 得 分 和 上 时间 
口 添加 游戏 效果 

口 修改 游戏 


源 文件 
http://flashgameu.com 


A3GPU203_MatchingGame.zip 








我 将 以 目前 网 络 上 较为 流行 、 并 且 常 常 出 现在 互动 教育 软件 中 的 配对 游戏 为 例 , 创建 我 们 的 


第 一 个 游戏 。 

















配对 游戏 是 简单 的 记忆 类 游戏 , 在 现实 生活 中 通常 采用 一 副 带 有 图 片 的 卡片 进行 游戏 ,游戏 
过 程 中 , 将 一 对 对 相互 配对 的 卡片 随机 排列 ,正面 朝 下 放置 。 然 后 , 试 着 将 每 次 翻 开 的 两 张 卡 片 


进行 配对 。 若 两 张 卡片 相 匹 配 ， 则 拿 走 这 两 张 卡片 ， 若 配对 失败 ， 则 
一 个 游戏 高 手 会 记 住 那些 没有 配对 成 功 的 卡片 ， 然 后 经 过 多 次 党 
计算 机 实现 的 配对 游戏 就 要 比 现实 生活 中 的 配对 游戏 更 人 性 化 和 


将 卡片 重新 正面 朝 下 放置 。 
试 后 找到 与 之 相配 的 卡片 。 
智能 : 你 不 需要 去 选择 图 片 





并 在 游戏 开始 时 将 它们 弄 混 。 计 算 机 会 帮 你 完成 这 些 步骤 。 游 戏 开 发 者 相 比 在 现实 生活 中 实现 这 
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个 游戏 要 更 简单 ， 同 时 花费 的 成 本 也 更 低 。 

创建 配对 游戏 ,首先 要 在 屏幕 上 显示 游戏 中 的 卡片 。 但 在 此 之 前 ,我 们 需要 在 每 次 游戏 开始 
前 将 一 组 卡片 打 乱 ， 使 它们 随机 排列 。 

然后 ,记录 用 户 的 选择 ,将 用 户 所 选择 的 两 张 卡片 翻 开 ， 比较 两 张 卡 片上 的 图 像 ， 若 相互 配 
对 则 删除 这 两 张 卡片 。 

当 卡 片 不 能 配对 时 ,将 卡片 重新 正面 朝 下 显示 。 最 后 ,检查 所 有 的 卡片 ， 当 所 有 卡片 配对 成 
功 后 游戏 结束 。 


3.1 放置 可 交互 的 元 素 


ot ee 
片 的 数量 ， 然 一 半数 量 的 图 像 。 
例如 ， ao 则 意味 着 需要 18 种 图 像 ， 每 种 图 像 显示 在 两 张 卡片 上 。 


3.1.1 创建 游戏 部 件 的 方法 


关于 创建 游戏 部 件 的 方法 主要 有 两 种 ， 我 们 以 创建 配对 游戏 中 的 卡片 为 例 来 分 别 介 绍 。 

1. 多 元 件 方法 

第 一 种 方法 是 ， 为 每 一 张 卡片 单独 创建 一 个 影片 剪辑 。 因 此 在 配对 游戏 中 ， 将 会 有 18 个 元 
件 ， 每 个 元 件 代表 一 张 卡片 。 

这 种 方法 会 遇 到 一 个 问题 ， 即 我 们 可 能 需要 在 每 个 元 件 内 复制 图 像 。 例 如 ， 每 张 卡片 具有 相 
同 的 边框 和 背景 ， 于 是 会 有 18 个 边框 和 背景 的 副本 。 

当然 ， 你 也 可 以 创建 一 个 背景 元 件 ， 然 后 这 18 个 元 件 统一 使 用 这 个 背景 元 件 。 























说 明 


如 果 是 从 一 个 庞大 的 卡片 组 中 选择 卡片 (假设 从 100 张 卡 出 18 张 ) ， 为 每 张 卡片 
采用 多 元 件 方法 会 比较 有 益 。 或 者 ， 需 要 导入 外 部 影片 文件 作为 卡片 。 如 基于 外 部 人 PG 
图 像 而 创建 ， 采用 多 元 件 方法 同样 比较 有 益 。 
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但 当 需 要 变化 时 ， 多 元 件 方法 又 会 磁 到 问题 。 例 如 ， 假 设 你 只 想 微 调 图 片 的 大 小 ， 这 意味 着 
你 需要 针对 18 个 不 同 的 元 件 修改 18 次 。 

再 者 ， 如 果 你 作为 一 名 程序 员 ， 与 美工 共同 工作 。 要 求 美 工 更 新 18 个 或 更 多 的 元 件 会 非常 
不 便 。 如 果 美 工 部 分 是 外 包 的 ， 则 又 增加 了 预算 。 




















第 二 种 方法 是 对 一 组 游戏 元 件 〈 如 一 组 卡片 ) 进行 操作 ， 这 种 方法 即 为 单元 件 方法 。 你 只 有 
一 个 影片 剪辑 元 件 ， 通 过 多 个 帧 控制 多 个 卡片 。 每 一 帧 上 绘制 一 种 图 像 。 多 帧 之 间 也 可 以 共享 图 
像 ， 如 共享 边框 和 背景 。 这 么 做 ， 只 需要 将 图 像 放置 在 影片 剪辑 的 一 个 图 层 上 ， 然 后 贯穿 所 有 帧 
即 可 实现 图 像 共享 。 
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说 明 


单元 件 方法 可 以 控制 多 个 元 件 。 例 如 ， 如 果 你 的 游戏 组 件 是 一 幅 扑 克 牌 ， 你 可 以 在 组 件 
中 设置 四 种 花色 元 件 〈 黑 桃 、 红 心 、 方 块 、 梅 花 ) ， 并 在 扑克 牌 的 主 元 件 中 使 用 四 种 花 
色 。 通 过 这 种 方式 ， 当 你 想 要 改变 整 幅 牌 中 红心 的 样式 时 ， 只 需要 改变 红心 元 件 即 可 。 





































































































单元 件 方法 对 于 随时 更 新 和 修改 游戏 元 件 有 较 大 优势 。 你 可 以 快速 地 移动 并 编辑 影片 剪辑 内 
所 有 的 帧 。 你 也 可 以 从 与 你 一 起 工作 的 美工 那里 方便 简单 地 获取 更 新 过 的 影片 剪辑 。 


3.1.2 ”设置 Flash 影 


使 用 单元 件 方法 ， 库 中 至 少 需要 一 个 影片 剪辑 。 影 片 剪 辑 中 要 包含 所 有 的 卡片 ,并且 有 一 帧 
用 来 显示 卡片 朝 下 时 的 背面 图 像 。 

接 下 来 , 我 们 要 创建 一 个 包含 Card 影片 剪辑 的 Flash 影片 ,在 Flash CS5 中 , 选择 File-~New， 
你 会 得 到 一 个 文件 类 型 列表 。 选 择 Flash File (ActionScript3.0) 创建 一 个 影片 文件 ， 与 我 们 将 要 
创建 的 ActionScript 3.0 类 文件 配合 使 用 。 

影片 剪辑 中 至 少 要 有 19 帧 ， 用 来 显示 卡片 的 背面 和 带 有 不 同 图 像 的 18 张 卡 片 正 面 。 如 果 你 
没有 可 以 使 用 的 元 件 素 材 ， 可 以 拿 MatchingGamel.fla 文件 进行 练习 。 
图 3-1 显示 了 我 们 游戏 中 Card 影片 剪辑 的 时 间 轴 。 第 一 帧 为 卡片 的 背面 ， 即 卡片 朝 下 时 用 
户 所 看 到 的 效果 。 接 着 ， 其 他 帧 显示 了 不 同 卡片 的 正面 图 像 。 
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图 3-1 Card 影 片 剪辑 是 一 个 有 19 帧 的 元 件 ， 第 一 帧 后 的 每 一 帧 代表 一 个 不 同 的 卡片 
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库 中 有 了 这 个 元 件 后 ， 我 们 要 对 它 稍 做 设置 ， 以 通过 ActionScript 代码 来 调用 它 。 在 库 中 设 
置 这 个 元 件 的 链接 (Linkage) 名 称 ， 如 图 3-2 所 示 。 
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3-2” 库 中 显示 了 carad 对 象 的 链接 名 称 


到 此 ，Flash 影片 不 再 需要 其 他 元 件 ， 影 片 的 主 时 间 轴 也 为 空 。 库 中 也 只 有 一 个 Card 影片 剪 
辑 。 接 下 来 我 们 只 需要 一 些 ActionScript 代码 。 


3.1.3 创建 基本 ActionScript 类 


选择 File>New, 然后 从 文件 类 型 列表 中 选择 ActionScript File 创建 一 个 ActionScript 类 文件 。 
如 此 我 们 创建 了 一 个 未 命名 的 ActionScript 文 件 。 
我 们 先 定义 此 ActionScript 3.0 文件 为 一 个 包 (package) 。 在 文件 的 第 一 行 , 可 以 输入 如 下 代码 : 


package { 
import flash.display.*; 


完成 包 声 明之 后 ， 我 们 需要 为 Flash 播放 引擎 指明 完成 这 个 项 目的 类 文件 。 本 例 中 ， 我 们 告 
诉 Flash 播放 引擎 我 们 需要 用 到 整个 flash.display 类 和 其 下 所 有 的 次 级 类 文件 。 这 样 ， 我 们 
就 可 以 创建 并 复制 影片 剪辑 ， 如 复制 游戏 中 的 卡片。 

接 下 来 声明 类 ， 类 名 称 必 须 与 类 文件 名 称 完全 一 致 。 本 例 中 ， 我 们 将 其 命名 为 Matching- 
Game1。 我 们 还 需要 定义 此 类 继承 的 类 。 本 例 中 ， 它 将 控制 主 Flash 影片 ， 即 一 个 影片 剪辑 : 

public class MatchingGamel extends MovieClip { 

接 下 来 , 定义 需要 贯穿 整个 类 文件 的 变量 。 但是， 可 以 很 简单 方便 地 创建 需要 显示 在 屏幕 上 
的 36 张 卡 片 ， 因 此 我 们 暂时 不 需要 任何 变量 。 

现在 ， 我 们 开始 介绍 初始 化 函数 ， 它 也 称 为 构造 (constructor) 函数 。 当 影片 播放 时 ， 此 函 
数 会 立即 执行 。 国 数 名 称 必 须 与 类 名 及 ActionScript 文件 名 称 一 致 。 


public function MatchingGame1l() :void { 
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此 国 数 不 需 要 返回 任何 值 ， 它 通过 :void 语法 告诉 Flash 此 国 数 不 会 返回 任何 值 。 也 可 以 不 
写 :void，Flash 编译 器 默认 不 返回 值 。 

构造 函数 内 ， 我 们 将 实现 屏幕 中 显示 36 张 卡片 。 卡 片 以 6x6 方 格 形式 排列 。 

我 们 需要 两 套 循 环 函 数 。 第 一 个 循环 控制 x 变量 从 0 至 5， 变量 x 代表 6 x 6 方 格 的 列 。 
二 个 循环 控制 变量 y 从 0 至 5， 代 表 方 格 的 行 


for(var x:uint=0;x<6;x++) { 
for(var y:uint=0;y<6;y++) { 


变量 x 和 y 的 右边 都 声明 了 变量 类 型 为 unit ( 正 整 数 ) ， 即 无 符号 整 型 。 每 个 变量 的 值 都 
从 0 开始 ， 当 值 小 于 6 时 ， 每 循环 一 次 变量 值 加 1。 














有 三 种 数据 类 型 : unit ( 正 整 数 ) 、int ( 整 型 ) 和 Number ( 浮 点 型 ) 。unit 数据 
类 型 为 大 于 或 等 于 0 的 整数 。int 数据 类 型 指 所 有 正 整 数 和 负 整数 。Numbet 数据 类 型 
为 正 数 或 负数 的 浮 点 数 ， 如 3.5 或 -173.98。 在 for 循环 中 ,我 们 通常 使 用 unit 或 int 
类 型 ， 因 为 变量 通常 为 整数 变化 。 




















































































































因此 ， 这 是 快速 循环 创建 36 个 不 同 cara 影片 剪辑 的 方法 。 剪辑 的 创建 是 关于 new 关 
键 字 和 adqqchila 方法 的 使 用 。 同 时 ,还 要 确保 每 个 影 新 辑 创建 8 ， 停 入 在 其 第 1 帧 并 显示 在 
正确 的 位 置 。 


Var thisCard:Card = new Card(); 
thisCard.stop(); 
thisCard,X 三 XK*52+120; 
thisCard.y = y*52+45; 
adqdchilqd (thisCard):; 


说 明 


在 ActionScript 3.0 中 添加 元 件 只 需要 使 用 两 个 命令 语句 : new 和 addChi1d, 前 者 创建 
元 件 的 新 实例 ， 后 者 将 创建 的 实例 添加 至 舞台 显示 列表 。 两 个 命令 语句 之 间 定 义 新 元 件 
的 x 和 y 坐标 值 。 
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卡片 的 位 置 基于 我 们 所 创建 卡片 的 高 度 和 宽度 。 示 例文 件 MatchingGame1l.fla 中 的 卡片 大 小 
为 50 x 50 像素， 彼此 间隔 2 像素 。 将 每 张 卡片 的 x 和 y 变量 都 乘 以 52， 使 卡片 之 间 留 有 间隔 。 
同时 为 卡片 的 水 平 位 置 增加 120 像素 , 垂直 位 置 增加 45 像素, 使 卡片 放置 在 一 个 550 x 400 的 标 
准 Flash 影片 的 中 心 。 








72 第 3 章 基本 游戏 框架 : 配对 游戏 





在 测试 代码 之 前 ， 我 们 需要 先 将 Flash 影片 与 ActionScript 文件 进行 链接 。 将 ActionScript 文 
件 保存 为 MatchingGamel.as， 与 MatchingGame1l .fla 文件 放置 于 同一 个 目录 。 

然而 , 链接 完 两 个 文件 后 我 们 的 游戏 还 设 有 完成 。 还 需要 在 Property Inspector (属性 检查 器 ) ， 
中 设置 Flash 影片 的 文档 类 属性 。 在 当前 文件 MatchingGamel.fla 中 选择 Property Inspector。 如 
图 3-3 所 示 ， 右 下 方 为 文档 类 属性 设置 区 域 。 
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图 3-3 ”你 需要 将 Flash 影片 的 文档 类 设 为 那个 包含 主要 脚本 的 AS 文件 








说 明 


无 论 当前 是 Flash 影片 还 是 ActionScript 文件 ， 你 都 可 以 测试 影片 。 如 果 当 前 文档 为 
ActionScript 文件 ， 你 可 以 查看 文档 窗口 右上 和 角 的 目标 指示 。 它 将 告诉 你 哪个 Flash 影片 
将 要 被 编译 并 运行 。 如 果 目 标 指向 了 不 正确 的 文件 ， 你 可 以 在 下 拉 菜 单 中 改变 它 。 














































































































































































































图 3-4 为 影片 测试 后 的 屏幕 显示 内 容 。 最 简单 的 测试 方法 是 在 菜单 中 选择 Control-~Test Movie。 


BOe MatchingGamel.swf 



































图 3-4 屏幕 中 显示 了 36 张 卡片 ， 彼 此 间隔 若干 像素 ， 排 列 于 舞台 的 中 央 
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3.1.4 ”使 用 常量 实现 更 好 的 编程 


在 继续 开发 这 款 游戏 之 前 ， 让 我 们 先 看 看 如 何 改进 现 有 的 游戏 。 将 已 完成 的 影片 复制 到 
MactchingGame2.fla 文件 中 ， 代 码 复制 到 MatchingGame2.as 文件 中 。 将 MatchingGame2.fla 的 文 
档 类 名 称 改 为 MatchingGame2， 类 声明 和 构造 函数 的 名 称 均 改 为 MatchingGame2。 

假如 你 不 想 将 卡片 按 6x6 的 方 格 排列 ， 而 是 换 成 4x4 方 格 或 6x5 的 方形 排列 。 你 需要 找 > 
到 之 前 代码 中 的 for 循环 ， 然 后 改变 循环 来 适应 不 同 的 卡片 数量 。 

所 以 ,比较 好 的 方法 是 在 代码 中 移 除 这 些 特定 的 数字 。 取 而 代 之 ,在 代码 的 顶端 定义 这 些 数 
字 并 注 明 标签 ， 然 后 你 就 可 以 快速 找到 这 些 数字 并 修改 它 。 





说 明 


在 代码 中 设 定 特殊 的 数字 (例如 ， 将 行 和 列 的 长 度 都 设 为 6) ， 被 称 为 “ 硬 编码 ”。 这 
是 一 种 不 好 的 编程 习惯 ， 因 为 后 期 你 的 程序 修改 起 来 会 很 困难 ， 那 些 企 程序 中 继承 你 的 
代码 的 人 ， 想 要 对 你 的 代码 稍 作 调整 就 更 加 困难 a 














































































































以 下 列 出 游戏 中 一 些 采 用 硬 编码 方法 定义 的 值 : 
Horizontal Rows=6 
Vertical Rows=6 
Horizontal Spacing=52 
Vertical Rows=52 
Horizontal Screen Offset=120 
Vertical Screen Offset=45 
我 们 在 类 中 定义 一 些 常 量 来 替换 这 些 数值 ， 以 便 对 这 些 变量 进行 修改 。 
public class MatchingGame2 extends MovieClip { 
/ /游戏 常量 
private static const boardWidth:uint = 6; 
private static const boardHeight:uint = 6; 
private static const cardHorizontalSpacing:Number = 52; 
private static const cardVerticalSpacing:Number = 52; 


private static const boardOoffsetX:Number = 120; 
private static const boardOffsetY:Number = 45; 


说 明 


在 定义 这 些 常量 有 时， 我 使 用 了 private static const 关键 字 。private 关键 字 
表示 这 些 变量 只 能 在 当前 类 中 使 用 。static 关键 字 表 示 这 些 变量 在 当前 类 中 的 所 有 实 
例 内 具有 相同 的 值 。const 则 代表 变量 的 值 将 和 个 会 发 生变 化 。 如 果 你 是 使 用 public 
var 来 定义 变量 ， 则 会 获得 相反 的 变量 声明 : 变量 可 以 被 外 部 类 读 取 ， 并 且 为 每 个 台数 
实例 存储 不 同 的 值 。 因 为 这 是 类 中 仪 有 的 实例 ， 它 没 有 外 部 脚本 ， 除了 看 起 来 整洁 外 没 
有 别 的 不 同 。 
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定义 好 常量 后 ， 我 们 可 以 在 构造 国 数 内 替换 掉 这 些 “ 硬 编码 ”定义 的 数字 : 


public function MatchingGame2 () :void { 
for(var x:uint=0;x<boardWidth;x++) { 
for(var y:uint=0;y<boardHeight;y++) { 
Var thisCard:Card = new Card(); 
thigsCargd. stopB(): 
thisCard.x = x*cardHorizontalSpacing+boardOoffsetx; 
thisCard.y = y*cardVerticalSpacing+boardOffsetYy; 
addCchild(thisCard); 


} 
} 


将 类 名 和 方法 名 也 修改 为 MatchingGame2。 你 可 以 在 案例 文件 MatchingGame2.fla 和 
MatchingGame2.as 文件 中 找到 以 上 代码 。 


说 明 


随 着 本 章 内 容 的 深入 ,我 们 会 不 断 修改 影片 文件 和 ActionScript 文件 的 文件 名 。 如 果 你 跟 
随 本 书 内 容 一 起 创建 你 te 不 要 忘记 在 Property Inspector 中 修改 对 应 的 文档 类 ， 
这 样 ， 每 个 影片 都 能 指向 正确 的 ActionScript 文件 。 例 如 ，MatchingGame2.fla 影片 需要 
使 用 MatchingGame2.as 文件 ， 因 此 其 影片 的 文档 类 必须 设置 为 MatchingGame2。 




























































































打开 这 两 个 文件 , 测试 一 次 。 然 后 , 修改 其 中 的 常量 , 再 测试 一 次 。 例 如 , 将 boardHeight 
变量 修改 为 5 张 卡片 ,， 修改 boardoffsetY 变量 使 卡片 向 下 移 20 像素 。 你 会 发 现 ， 通 过 使 用 常 
量 ， 你 可 以 快速 顺利 地 完成 目标 。 


3.1.5 ”随机 分 配 卡 片 


现在 ,我 们 将 卡片 添加 至 屏幕 中 ， 我 们 需要 为 每 张 卡片 随机 分 配 图 片 。 如 果 屏 幕 中 有 36 张 
卡片 ， 则 需要 将 18 对 不 同 的 图 像 卡 片 随机 放置 。 

在 第 2 章 中 ， 我 们 讨论 了 如 何 使 用 随机 数字 。 但 是 ， 我 们 不 能 为 每 张 卡片 随便 选 一 张 图 像 ， 
我 们 要 确保 每 一 种 图 像 只 出 现在 \ 少 ， 否 则 无 法 构成 配对 。 






























说 明 


i 刀 、 ”这 与 洗 牌 的 方式 不 同 。 我 们 将 使 用 一 个 有 序 的 卡片 列表 ， 在 列表 中 随机 选择 位 置 来 选 
ep 新 卡片 ， 而 不 是 将 卡片 顺序 打 乱 ， 然 后 从 卡片 列表 的 顶端 选 出 新 卡片 。 
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我 们 需要 创建 一 个 数组 ， 列 出 所 有 的 卡片 ， 然 后 从 数组 中 随机 抽 选 一 张 。 数 组 是 用 来 存储 一 
系列 数值 的 变量 。 我 们 将 在 第 4 章 进行 更 深入 的 了 解 。 
此 数组 共有 36 个 元 素 ， 其 中 每 2 个 对 应 一 种 图 像 。 创 建 完 6x6 方 格 板块 后 ， 从 数组 中 移 除 
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卡片 元 素 并 放 入 方 格 板块 。 然 后 ， 3 18 对 卡片 元 素 都 放置 到 6 x 6 方 格 板块 中 后 ， 数 组 清空 。 
代码 如 下 。for 循环 中 的 i 变量 将 从 0 递增 至 所 需 的 卡片 数量 。 以 方 格 形式 排 列 的 游戏 卡片 

数量 可 以 由 方 格 的 长 乘 以 宽 再 除 以 2 算出 (因为 每 幅 图 有 两 张 卡片 )。 因 此 ， 对 于 6x6 的 方 格 来 

说 , 将 有 36 张 卡片 。 我 们 必须 循环 18 次 来 添加 18 对 卡片 。 构 造 函 数 开始 部 分 的 代码 修改 如 下 : 
// 列 出 数字 表示 的 卡片 


Var cardlist:Array = new Array(); 

for (var i:uint=0;i<boardWidth*boardHeight/2;i++) { 
ecardlist Bush(i); 
cardlist.push(i); 








} 
使 用 push 命令 ， 将 一 个 数字 在 数组 中 添加 2 次。 数组 如 下 所 示 : 


(0 eh Se Bs We Se RS 2 Es HO EW 0 eI I i 2 2 es Wp /We Sp Es 
7 


接着 , 我 们 循环 创建 36 个 影片 剪辑 ， 从 上 方 数组 中 随便 抽取 一 个 数字 来 决定 卡片 上 显示 的 图 像 : 


for (var x:uint=0;x<boardWidth;x++) { // 水 平方 向 
for (var y:uint=0;y<boardHeight;y++) { // 重 直方 向 

var c:Card = new Card(); // 复 制 影片 剪辑 
c.stop(); // 影 片 停 在 第 1 帧 
c.x = Xx*cardHorizontalSpacing+boardOffsetx; // 设 置 影片 位 置 
C.y = y*cardVerticalSpacing+boardOoffsetyY; 
var r:uint = Math.floor(Math.random()*cardlist.length); // 得 到 一 个 随机 的 图 像 
c.cardface = cardlist[r]; // 把 图 像 分 配 到 卡片 
cardlist.splice(r,1); // 从 列表 里 移 除 图 像 
c.gotoAndStopl(c.cardface+2); 
addChild(c); // 显 示 卡 片 




















} 
当中 为 新 添加 的 代码 ,首先 ,通过 下 面 这 行 代码 获得 一 个 从 0 到 列表 中 所 剩 元 素数 目的 随机 数 : 


Var r:uint = Math.floor(Math.random()*cardlist.length); 

国 数 Math.random() 返 回 的 随机 数 为 0.0~1.0 的 数字 (不 含 1.0) ,再 乘 以 cardlist.1length 
的 值 ， 即 返回 0.0~35.9999 的 数值 。 然 后 ,通过 函数 Matpn .floor () 将 数值 四 舍 五 入 ， 返回 0~35 
的 整数 。 当 然 ， 以 上 都 是 基于 循环 中 cardlist 有 36 个 元 素 的 情况 

然后 , 将 cardlist 数组 中 位 于 该 随机 数 的 值 赋予 卡片 属性 cardqface。 再 通过 splice 命 
令 从 数组 中 移 除 该 值 ， 这 样 ， 它 就 不 会 再 次 被 采用 。 





说 明 


我 们 常常 要 声明 并 定义 变量 ， 也 可 以 为 对 象 添 加 动态 属性 ， 如 cardface 属性 。 不 过 ， 
前 提 是 该 对 象 为 动态 对 象 。 由 于 对 象 Cargd 并 没有 定义 过 ， 所 以 它 默 认为 动态 对 象 。 另 
外 ，cardface 属性 的 类 型 由 赋予 的 值 决定 (本 例 中 ， 属 性 类 型 为 Number) 。 


这 并 不 是 一 个 好 的 编程 习惯 。 正 确 的 做 法 是 定义 一 个 Card 类 ， 通 过 一 个 ActionScript 文 
件 声明 包 、 类 、 属 性 和 构造 冰 数 。 然 而 ， 对 了 只 需要 少量 属性 的 游戏 来 说 这 么 做 有 些小 
题 大 作 ， 增加 不 必要 的 工作 量 。 所 以 ， 编 程 过 程 的 简易 性 比 严 格 遵循 编程 规则 更 重要 。 
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另外 ，MatchingGame3.as 文件 还 包括 以 下 代码 来 测试 目前 是 否 一 切 正常 : 

c.gotoAndStop(c.cardface+2); 

这 句 代 码 使 Card 影片 剪辑 将 图 像 都 显示 出 来 。 因 此 ， 所 有 36 张 卡 片 都 正面 朝 上 显示 。 影片 
en cardface 属性 , 为 0~17 的 数字 再 加 2,， 即 2~19， 它 代表 Card 影片 剪辑 
所 在 帧 绘制 的 图 像 。 第 1 帧 为 卡片 的 背面 ， 从 第 2 帧 开始 代表 卡片 所 要 显示 的 图 像 。 

显然 ， 最 后 的 游戏 不 会 用 到 这 行 代码 , 但 它 对 于 测试 我 们 当前 所 实现 的 效果 是 比较 有 帮助 的 。 
3-5 为 运行 带 有 这 行 代 码 的 程序 所 呈现 的 效果 。 

@006 MatchingGame3.swf 
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图 3-5 ”当前 第 三 版 本 的 程序 包含 了 一 行 代码 ， 用 来 显示 每 张 卡片 的 图 像 。 
通过 直观 的 显示 可 以 帮助 我 们 判断 代码 到 目前 为 止 是 否 运行 正常 








3.2 ”游戏 开始 


设置 好 了 游戏 界面 之 后 ,我们 需要 让 用 a te vat A th Ra 记录 游戏 的 
进行 状态 。 本 示例 中 ,我们 要 记录 用 户 单 击 的 是 第 一 张 卡片 还 是 第 二 张 卡 片 ， 是 否 所 有 的 卡片 都 
配对 成 功 。 


3.2.1 添加 鼠标 侦 听 器 


第 一 步 ， 使 创建 的 卡片 响应 鼠标 单 击 事件 。 通 过 addEventListener 函数 为 每 一 个 卡片 对 
象 添加 侦 听 器 ， 并 设置 两 个 参数 : 侦 听 的 事件 和 响应 事件 所 调用 的 函数 。 将 如 下 代码 放置 在 
addchild 命令 之 前 : 




















c.addEventListener (MouseEvent .CLICK,clickCard); 
我 们 还 需要 在 类 的 顶部 添加 import 语句 ， 来 告诉 Flash 游戏 需要 用 到 事件 : 


import flash.events.*; 
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本 示例 中 的 事件 语法 表现 形式 为 MouseEvent .CLICK， 代 表 在 卡片 上 的 单 击 事件 。 当 事件 
发 生 时 ， 调 用 国 数 clickcard， 当 然 我 们 目前 还 没有 创建 这 个 函数 。 测 试 影片 前 ， 先 创建 这 个 
国 数 ， 否 则 Flash 无 法 编译 影 

以 下 简单 的 创建 clickcard 方法 : 

public function clickCard(event:MouseEvent) { 


var thisCard:Card = (event.currentTarget as Card); // 哪 张 卡 片 被 选中 ? 
trace(thisCard.cardface); 








说 明 


在 小 步 又 游戏 开发 过 程 中 ， 使 用 trace 语句 可 以 很 好 地 帮助 我 们 检查 程序 语法 。 例 如 ， 
如 果 你 一 次 性 添加 了 27 行 代 码 ， 但 是 程序 没有 按 预 期 情况 运行 。 那 么 ， 你 需要 将 问题 锁 
定 在 这 27 行 代码 中 。 但 是 ， 如 果 你 只 添加 了 5 行 代码 ， 就 可 以 通过 trace 语句 输出 关 
键 变量 的 值 ， 然 让 解决 问题 ， 再 继续 后 面 的 编程 。 


















































































































































任何 时 候 ， 响 应 事件 的 函数 都 必须 至 少 带 有 一 个 参数 ， 即 事件 本 身 。 本 例 中 ， 即 变量 类 型 为 
MouseEvent 的 参数 ， 将 其 作为 事件 变量 。 









































































































































说 明 

不 管 你 是 否 需 要 事件 参数 ， 处 理事 件 所 调用 的 遂 数 必须 接收 事件 参数 。 例 如 ， 你 创建 了 
个 按钮 ， 并 且 知 道 前 数 只 有 在 按钮 被 按 下 的 情况 下 才 会 被 执行 ， 但 是 你 仍然 需要 在 池 

数 里 接收 事件 参数 ， 然后 不 使 用 此 参数 。 


























本 例 中 , 参数 event 是 关键 变量 , 因为 我 们 需要 从 中 判断 36 张 卡片 中 哪 张 卡 片 被 单 击 了 。 
参数 event 实际 上 是 一 个 对 象 ， 拥 有 一 系列 属性 ,我们 只 需要 用 到 其 中 一 个 属性 来 判断 单 击 的 
卡片 对 象 。 这 也 就 是 目标 属性 ， 更 确切 一 点 ， 为 event 参数 的 currentTarget 属性 (当前 
目标 ) 。 

然而 ， 当 前 对 于 ActionScript 引擎 来 说 ，currentTarget 是 一 个 模糊 的 对 象 。 当 然 ， 在 这 里 
它 是 Carg 对 象 , 但 也 是 影片 剪辑 , 又 是 显示 对 象 . 既 然 我 们 需要 currentTarget 获取 一 个 Card 
对 象 , 那么 , 我 们 需要 先 定 义 一 个 card 变量 , 然后 通过 这 个 变量 来 指定 event . currentTarget 
所 返回 的 值 必须 为 carad 类 型 。 

现在 , 我 们 有 了 一 个 card 对 象 类 型 的 变量 thiscarg, 我 们 可 以 获取 它 的 cardface 属性 。 
通过 trace 语句 将 它 的 值 显示 在 Output 面板 。 测 试 MatchingGame4.fla 文件 ， 检 测 输 出 结果 


3.2.2 建立 游戏 逻 罗 辑 
当 用 户 单 击 卡片 时 , 我 们 需要 基于 用 户 的 选择 和 游戏 的 当前 状态 判断 用 户 下 一 步 的 行为 。 我 
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们 可 能 会 遇 到 以 下 3 种 游戏 状态 。 








图 





D 状态 2 





D 状态 1 一 一 没有 一 张 卡片 被 选中 ， 用 户 将 从 潜在 的 配对 中 选择 第 一 张 卡 片 。 
有 一 张 卡片 被 选中 , 用 户 将 选择 第 二 张 卡 片 。 接 下 来 要 将 选中 的 两 张 卡片 进行 


比较 ， 然 后 根据 比较 结果 作出 反应 。 


D 状态 3 
朝 上 的 状态 。 当 新 卡片 选中 时 ， 之 前 的 两 张 卡片 翻 回 背 面 ， 新 卡片 显示 其 图 


3-6~ 图 














3-8 展示 了 3 种 游戏 状态 。 








MatchingGameS .swf 


























3-6 ”状态 1， 用 户 正 准 备 选 择 第 一 张 卡 片 





MatchingGameS .swf 









































3-7 ”状态 2， 用 户 正 准 备 选择 第 二 张 卡 片 


选中 两 张 卡 片 , 但 是 并 没有 配对 成 功 。 新 卡片 被 选中 之 前 ， 两 张 卡片 保持 正面 


片 。 
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BO MatchingCame5.swf 






































图 3-8 状态 3， 用 户 选 中 了 一 对 卡片 ， 但 是 并 未 配对 
成 功 。 用 户 必 须 开 始 第 二 组 卡片 选择 
这 时 ， 还 需要 考虑 其 他 情况 。 例 如 ， 如 果 用 户 选中 一 张 卡片 后 ， 再 次 单 击 了 这 张 卡 片 呢 ? 这 
因此 , 我 们 需要 将 这 张 卡片 翻 回 背 面 , 游戏 回 到 状态 1。 
可 以 预想 到 ， 当 用 户 进 行 配对 时 我 们 需要 时 刻 记 录 被 单 击 的 卡片 。 因 此 ， 我们 需要 创建 第 
类 变量 。 可 以 将 其 命名 为 fijrstcard 和 secondcard， 均 定义 为 Card 类 型 : 





























private Var firstCard:Card; 
private Var secondCard:Cargd; 


由 于 我 们 还 未 给 这 些 变量 赋值 ， 它 们 的 值 都 默认 为 nul1l1。 事 实 上 ， 我 们 就 将 利用 这 两 个 变 
量 的 null 值 来 判断 游戏 的 状态 。 


说 明 
并 不 是 所 有 类 型 的 变量 都 能 设 为 nu11。 例 如 ，int 类 型 的 变量 在 初始 创建 时 ， 若 还 没 
有 财 值 ， 则 软 认 为 0。 即 使 你 将 想 其 设 为 nu11， 它 tb 不 和 EE 存储 nul1l 值 。 
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如 果 firstcard 和 secondcard 的 值 均 为 null1， 则 我 们 处 于 状态 1。 用 户 正 准备 选择 第 


如 果 firstcatrd 的 值 不 为 null， 而 secondcara 的 值 为 aul1， 则 表示 我 们 处 于 状态 2。 
用 户 会 随即 选择 第 二 张 卡 片 ， 并 希望 能 与 第 一 张 卡片 相 匹配 。 

如 果 firstcard 和 secondcard 的 值 均 不 为 null1， 则 表示 我 们 处 于 状态 3。 当 用 户 准备 
下 一 轮 的 firstcard 选择 时 ， 我 们 可 以 通过 firstcard 和 seconqcard 的 值 来 判断 需要 翻 回 
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我 们 可 以 看 一 下 以 下 代码 : 


public function clickCard(event:MouseEvent) { 
var thisCard:Card = (event.target as Card); // 哪 张 卡 片 被 选中 ? 


if (firstCard == null) { // 一 对 卡片 中 的 第 一 张 卡片 
firstCard = thisCard; // 记 录 这 张 卡 片 
firstCard.gotoAndStop (thisCard.cardface+2); // 将 卡片 翻 开 


到 目前 为 止 ， 我 们 可 以 清楚 地 知道 用 户 单 击 第 一 张 卡片 时 的 情况 。 注 意 ，gotoaAnqstop 命 
令 的 用 法 与 本 章 前 面 所 讲 的 测试 卡片 重组 的 用 法 类 似 。thiscard.cardface 的 值 必须 加 2， 这 
样 卡片 的 值 (0~17) 就 能 与 18 张 图 片 的 所 在 帧 (2~19) 相 匹 配 。 

现在 ， 我 们 有 了 firstcard 的 值 ， 可 以 等 待 第 二 张 卡片 的 单 击 。 接 下 来 由 if 表达 式 的 后 
两 部 分 进行 处 理 。 以 下 部 分 是 处 理 用 户 再 次 单 击 第 一 张 卡 片 的 情况 ， 将 卡片 翻 回 背 面 同 时 
firstCard 的 值 设 为 null: 


} else if (firstCard == thisCard) { // 再 次 单 击 第 一 张 卡片 
firstCard.gotoAndstop (1); // 将 其 翻 回 背 面 
firstCard = nully 


如 果 用 户 单 击 了 其 他 卡片 作为 第 二 张 卡片 ， 则 需要 对 两 张 卡片 进行 比较 。 我 们 并 不 是 比较 卡 
片 对 象 本身 ， 而 是 卡片 的 cardface 值 。 若 两 张 卡片 的 cardface 值 相等 ， 则 配对 成 功 : 
} else if (secondCarqd == null) { // 选 择 的 第 二 张 卡 片 


secondCard = thisCard; // 记 录 这 张 卡片 
secondCard.gotoAndStop (thisCard.cardface+2); // 将 其 翻 开 





// 比 较 两 张 卡 片 
if (firstCard.cardface == secondCard.cardface) { 
如 果 成 功 配 对 ， 则 移 除 这 两 张 卡片 ， 并 重 置 firstcard 和 secondCcard 变量 。 这 时 ， 要 用 
到 removeCchilgd 命令 ， 它 是 与 aadchilda 命令 相对 的 命令 。removeCchild 命令 将 删除 显示 列 
表 中 的 对 象 。 当 前 ，firstcard 和 secondcarg 对 象 都 保留 了 值 ， 我 们 需要 将 其 设 为 nu11， 


使 Flash Player 可 以 对 其 进行 处 理 。 
// 移 除 配 对 的 卡片 
removeChild(firstCard); 
removeChild(secondCard); 
// 卡 片 选择 重 置 
firstCard = null; 
secondCard = null; 


} 

男 一 种 情况 是 , 用户 选择 了 第 一 张 卡片 ,然而 其 选择 的 第 二 张 卡片 并 不 与 第 一 张 卡片 相 匹 配 。 
当 用 户 再 去 选择 新 的 一 张 卡片 时 ,当前 的 两 张 卡片 必须 返回 背面 朝 上 的 状态 , 即 显 示 影片 剪辑 的 
第 1 帧 。 


紧 随 上 方 代码 之 后 , 我 们 要 将 firstcard 设 为 一 个 新 的 卡片 , 然后 在 单 击 后 显示 其 图 片 : 
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}) else { // 开 始 另 一 组 卡片 的 选择 
// 重 设 之 前 所 选 的 卡片 
firstCard.gotoAndSstop (1); 
secondCard.gotoAndSstop(1); 
secondCard = null; 
// 新 一 组 卡片 中 选择 第 一 张 卡片 
FiESteard es. thiaCartds 
firstCard.gotoAndSstop (thisCard.cardface+2); 





} 
} 


现在 已 经 完成 了 游戏 的 基础 部 分 。 可 以 测试 MatchingGame5.fla 和 MatchingGame5.as 文件 来 
试 玩 这 个 游戏 。 选 择 一 对 卡片 ， 当 匹配 成 功 时 将 其 从 卡片 游戏 界面 中 移 除 。 

你 可 以 将 这 看 成 是 一 个 完整 的 游戏 。 影片 的 时 间 轴 上 , 你 可 以 在 所 有 卡片 的 下 面 放置 一 张 图 
片 , 作为 用 户 成 功 配对 所 有 卡片 后 所 显示 的 胜利 标志 。 如 果 目 前 的 游戏 只 是 作为 一 个 网 站 上 的 额 
外 小 游戏 ， 尚 且 可 以 。 但 是 ， 我 们 还 可 以 做 得 更 好 ， 为 它 增 加 更 多 的 特性 。 


3.2.3 ”检测 游戏 结 
我 们 要 检测 游戏 的 结束 状态 ， 然 后 告诉 用 户 已 完成 游戏 。 当 所 有 卡片 都 被 移 除 时 ， 游 戏 


说 明 


在 本 章 的 示例 中 ， 我 们 将 
示 其 他 动画 ， 或 转 到 某 一 





























户 带 至 一 个 显示 Game Over 字样 的 界面 。 当 然 ， 你 也 可 以 显 
网 页 。 但 是 ， 对 于 当前 游戏 ， 我 们 编程 到 这 里 就 可 以 了 。 

































































一 











有 多 种 方法 检测 游戏 的 结束 状态 。 例 如 ， 你 可 以 设置 一 个 新 的 变量 ， 记 录 配 对 成 功 的 对 数 。 
每 成 功 配对 一 对 时 ， 该 变量 加 1， 然 后 当 变量 的 值 与 总 的 卡片 对 数 相等 时 ， 游 戏 结束 。 

还 有 一 种 方法 是 ， 检 测 MatchingGame 对 象 的 numchildqren 属性 。 当 你 为 此 对 象 添 加 36 
张 卡片 时 , numchilaren 的 值 为 36。 当 配对 成 功 的 卡片 都 被 移 除 时 , numchildaren 的 值 变 为 0， 
这 时 ， 游 戏 结束 。 

但 是 ， 这 种 方法 会 遇 到 一 个 问题 。 如 果 在 舞台 上 添加 了 其 他 元 素 ， 如 背景 或 标题 栏 等 ， 它 们 
都 会 被 算 入 numChildren。 

在 这 个 例子 里 ， 我 更 倾向 于 采用 第 一 种 方法 ， 因 为 它 更 灵活 。 与 其 记录 被 移 除 的 卡片 个 数 ， 
不 如 记录 显示 的 卡片 个 数 。 因 此 ， 我 们 创建 一 个 新 的 类 变量 ， 并 将 其 命名 为 cardqsLeft: 

private Var cardsLeft:uint; 

然后 ， 在 创建 卡片 的 for 循环 之 前 ， 将 其 值 设 为 0。 每 创建 一 张 卡片 时 ，cardsLeft 加 1。 


cardsLeft = 0; 
for(var x:uint=0;x<boardWidth;x++) { // 水 平 
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for(var y:uint=0;y<boardHeight;y++) { // 重 直 

var c:Card = new Card(); // 复 制 影片 剪辑 

c.stop(); // 停 留 在 第 一 帧 

c.XxX = XxX*cardHorizontalSpacing+boardOffsetx; // 设 置 方位 

C.y = y*cardVerticalSpacing+boardOffsetYyY; 
var r:uint = Math.floor (Math.random()*cardlist.length); // 获 取 随 机 的 卡片 正面 显 

示 图 像 

c.cardface = cardlist[r]; // 将 显示 图 像 的 所 在 帧 值 赋予 card 对 象 
cardlist.splice(r,1); // 从 列表 中 删除 已 选 显 示 图 像 
c.addEventListener (MouseEvent .CLICK,clickCard); // 侦 听 单 击 事件 
adqdChild(c); // 显 示 卡 片 
cardsLeft++; 


Ee 








} 
接 下 来 ,在 clickcarda 方法 中 ， 当 用 户 成 功 配 对 并 从 屏幕 中 移 除 卡 片 时 ， 新 增 几 行 代 码 。 
在 clickcard 里 添加 如 下 代码 : 


cardsLeft -= 2; 
if (cardseLeft == 0) 1 
gotoAndSstop ("gameover"); 


说 明 


你 可 以 使 用 ++ 使 变量 按 1 个 单位 递增 , 符号 -- 表 示 按 1 个 单位 递减 ,例如 , cardsLeft++ 
的 作用 与 cardsLeft=cardsLeft+1 一 致 。 


你 可 以 使 用 += 使 变量 与 某 个 数字 相 加 ，-= 为 与 某 个 数字 相 减 。 例 如 ，cargdsLeft-=2 
的 作用 与 cardsLeft=cardsLeft-2 的 一 致 。 





























































































































以 上 完成 了 我 们 暂时 所 需要 的 功能 。 现 在 ,游戏 将 记录 屏幕 上 所 显示 的 卡片 数量 , 并 存储 至 
cardsLeft 变量 ， 当 变量 值 为 0 时 ， 游 戏 至 结束 页 面 。 

游戏 结束 时 ， 影 片 跳 转 至 新 的 一 帧 ， 如 图 3-9 所 示 。 如 果 看 过 0 文件 MatchingGame6.fla， 
你 会 发 现 我 在 影片 上 添加 了 第 2 帧 。 同 时 , 在 第 1 帧 上 添加 了 stop () ;命令 。 这 样 ， 影 片 会 停留 
在 第 1 帧 使 用 户 可 以 在 此 玩 游戏 ， 而 不 是 直接 跳 至 第 2 帧 。 在 第 2 on gameover， 当 
cardsLeft 属性 为 0 时 影片 转 到 第 2 帧 。 

这 时 ， 我 们 需要 移 除 代码 创建 的 所 有 游戏 元 素 。 但 是 ， 此 游戏 中 只 创建 了 36 张 卡片 ， 并且 
在 用 户 配对 成 功 时 全 部 移 除 , 因此 , 并 没有 多 余 的 元 素 需 要 移 除 。 我 们 可 以 直接 跳 转 至 gameover 
帧 ， 当 前 帧 屏幕 上 没有 任何 元 素 。 

在 示例 影片 中 ， 游 戏 结束 界面 显示 了 Game Over 字样 。 你 可 以 在 这 里 添加 其 他 图 形 或 动画 。 
本 章 的 后 续 部 分 ， 我 们 将 学 习 如 何在 此 帧 上 添加 Play Again 按钮 。 
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BoOe MatchingGame6.swf 


GAME OVER 























图 3-9 ”最 为 简单 的 游戏 结束 画面 
3.3 封装 游戏 


进行 到 这 一 步 ， 我 们 已 经 有 了 一 个 完整 的 Flash 游戏 影片 。 影 片 文件 为 MatchingGameX.fla， 
ActionScript 类 文件 为 MatchingGameX.as。 当 影片 运行 时 ， 游 戏 初始 化 并 启动 。 也 就 是 说 ， 影 
即 为 游戏 ， 游 戏 即 为 影 

单一 情况 下 ， 这 么 做 是 可 行 的 。 然 而 在 真实 世界 里 ， 通 常 有 游戏 介绍 界面 、 游 戏 结束 界面 和 
载 和 界面 等 。 甚 至 为 不 同 游戏 版 本 或 完全 不 同 的 游戏 设计 游戏 界面 。 

Flash 可 以 实现 很 棒 的 封装 。Flash 影片 也 就 是 影片 剪辑 ， 你 可 以 在 影片 剪辑 内 再 垦 套 影片 前 
辑 。 因 此 ， 游 戏 可 以 是 Flash 影片 ， 也 可 以 是 和 嵌 套 在 影片 内 的 影片 竟 辑 。 

我 们 为 什么 要 这 么 做 呢 ? 一 个 原因 是 ， 这 样 能 方便 在 游戏 中 添加 其 他 界面 。 我 们 可 以 在 第 1 
帧 上 放置 游戏 界 绍 界面 ， 第 2 帧 放置 游戏 界面 ， 第 3 帧 放置 游戏 结束 界面 。 第 2 帧 上 会 包含 一 个 
名 为 MatchingGameObject7 的 影片 剪辑 ， 它 调用 MatchingGameObject7.as 类 文件 。 
图 3-10 显示 了 影片 更 新 后 的 3 个 帧 的 图 解 ， 并 且 展 示 了 每 一 帧 所 包含 的 内 容 。 


Frame 1 Frame 2 Frame 3 

















Intro Screen Game Play Screen Game Over Screen 





Game 
Movie Clip 
Play Button Play Again Button 
图 3-10 ”影片 的 第 2 帧 包含 一 个 游戏 影片 剪辑 。 另 外 两 帧 包含 附属 游戏 元 素 















































3.3.1 ”创建 游戏 影片 剪辑 
MatchingGame7.fla 文件 中 有 3 个 帧 。 让 我 们 直接 从 第 2 帧 开始 。 我 们 可 以 看 到 , 第 2 帧 上 有 
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一 个 影片 剪辑 。 也 许 这 个 影片 剪辑 还 看 不 太 出 来 ， 因 为 目前 影片 剪辑 为 空 ， 所 以 它 只 在 屏幕 的 左 
上 角 显 示 为 一 个 小 小 的 圆圈 。 

库 中 影片 剪辑 名 为 MatchingGameObject7, 如 图 3-11 所 示 , 影片 调用 类 MatchingGame- 
object7。 你 可 以 选中 影片 剪辑 MatchingGameObject7， 然 后 单 击 Library 面板 下 方 的 小 i 按 
钮 ， 或 者 右 击 选择 Properties (属性 ) 打开 Properties 面板 来 设置 类 属性 。 


Symbol Properties 


Name: |MatchingGameObject7 


Cancel 

















Type: | Movie Clip | v 

















Edit 











Advanced 了 











Enable guides for 9-slice scaling 















































Linkage 

区 Export for ActionScript 

[Vi Export in frame 1 

Identifier 
Class: [MatchingGameObject7 “2 
Base Class: “2 
Sharing 
Export for runtime sharing 











国 Import for runtime sharing 


URL 


Source 








Browse... File 








Sym Symbol name: Symbol 1 





国 Always update before publish 








图 3-11 影片 剪辑 使 用 类 文件 MatchingGameObject7.as 来 定义 类 属性 





实际 上 , 现在 是 由 影片 剪辑 运行 整个 游戏 , 而 主 影片 时 间 轴 则 作为 一 个 更 大 的 影片 剪辑 髓 入 
游戏 影片 剪辑 。 

当 影片 播放 至 第 2 帧 时 ， 影 片 剪 辑 加 载 ， 并 运行 MatchingGameObject7.as 类 文件 内 的 类 构造 
国 数 ， 然 后 游戏 运行 。 

当 影 片 播放 至 第 3 帧 时 ， 游 戏 不 再 运行 ， 因 为 游戏 影片 剪辑 只 放置 在 第 2 帧 。 

这 么 做 可 以 让 我 们 在 游戏 的 前 后 添加 其 他 帧 , 并 且 游 戏 代 码 独立 后 ,可 以 使 我 们 只 关注 游戏 
本 身 。 
3.3.2 ”添加 介绍 界面 

大 多 数 游戏 都 带 有 介绍 界面 。 毕 竞 ， 我 们 不 希望 用 户 打 开 后 就 直接 进入 游戏 , 还 需要 一 个 游 
戏 介 绍 或 指导 界面 。 

游戏 的 介绍 界面 位 于 主 时 间 轴 的 第 1 帧 ， 它 包含 一 些 脚本 动作 。 首 先 ， 需 要 让 影片 先 停留 在 
第 1 帧 。 甚 次， 设置 一 个 按钮 ， 使 用 户 可 以 通过 单 击 它 开 始 游戏 。 








3.3 封装 游戏 85 





说 明 


如 果 不 想 在 主 时 间 轴 上 编写 代码 ， 可 以 建立 一 个 新 的 AS 类 文件 作为 影片 的 文档 类 。 同 
样 运行 在 第 1 帧 上 ， 帧 上 所 编写 的 代码 也 可 以 运行 在 类 文件 中 。 然 而 ， 因 为 少量 的 几 行 
代码 而 新 增 一 个 类 文件 实在 毫 无 必要 。 所 以 ， 当 前 直接 在 帧 上 写 入 脚本 ， 为 创建 在 第 1 
帧 上 的 按钮 分 配 侦 听 强 ， 按 钮 命名 为 playButton。 






























































































































































事件 侦 听 器 调用 函数 startGame， 它 向 时 间 轴 发 布 gotoAndstop 命令 ,使 影片 播放 并 停 
留 在 名 为 playGame 的 帧 ， 即 第 2 帧 。 

同时 , 在 第 1 帧 上 放置 stop 命令 ,影片 播放 第 1 帧 并 停留 在 第 1 帧 , 等 待 用 户 单 击 playButton 
按钮 。 

playButton.addEventListener (MouseEvent .CLICK, startGame); 


function startGame (event:MouseEvent) { 
gotoAndStop("playgame");} 
} 


stop(); 
第 2 帧 上 为 一 个 空 影 片 剪 辑 MatchingGameObject7 ,将 影片 的 类 文件 重 命名 为 MatchingGame- 
Object7.as， 使 其 被 该 影片 剪辑 调用 而 不 是 被 整个 影片 调用 。 


说 明 
在 Library 面板 的 上 方 菜单 选择 New Symbol (新 元 件 ) ， 创 建 一 个 空 影 请 草 辑 。 为 元 件 


命名 ， 并 将 元 件 类 型 选 为 影片 剪辑 ， 设 置 其 属性 。 然 后 ， 将 影片 草 辑 从 库 中 拖 扳 至 舞台 。 
将 其 放置 在 屏幕 左上 角 ， 即 与 舞台 (0,0) 处 位 置 重合 。 



































































































































我 们 需要 稍微 对 代码 作 些 改动 。 当 游戏 结束 时 ， 代 码 与 主 时 间 轴 存在 关联 。 目 前 游戏 影片 剪 
辑 中 的 gotoAndstop 命令 不 会 被 正常 执行 ， 因 为 游戏 代码 已 经 封装 至 影片 剪辑 中 ， 而 gameover 
帧 位 于 主 时 间 轴 。 我 们 要 将 代码 作 如 下 修改 : 


MovieClip (root) .gotoAndStop ("gameover"); 


说 明 


你 也 许 认 为 可 以 简单 的 写成 root .gotoAndStop ("gameover")。 的 确 ，root 即 
代表 主 时 间 轴 ,影片 剪辑 的 父 对 象 。 但 是 , 严格 的 ActionScript 编译 器 并 不 认可 这 种 写法 。 
gotoAndStop 命令 只 能 应 用 于 影片 剪辑 , 严格 来 说 , <oot 也 可 以 为 其 他 对 象 , 如 Sprite 
( 单 炭 的 影片 剪辑 ) 。 因 此 ， 为 了 确保 编译 器 所 编辑 的 root 为 影片 剪辑 ， 我 们 将 root 
放置 在 MovieChip () 台数 内 。 































































































































































































影片 中 的 gameover 帧 暂时 与 MatchingGame6.fla 中 的 内 容 一 致 ， 只 显示 Game Over 字样 。 
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MatchingGame7.fla 影片 则 与 之 前 的 6 个 游戏 版 本 略 有 不 同 ， 因 为 它 没 有 链接 文档 类 。 实 际 
上 ， 也 并 没有 MatchingGame7 .fla 文件 。 游 戏 的 代码 已 经 全 部 写 入 MatchingGameObject7.as 文件 
中 。 可 以 结合 图 3-10 看 看 影片 是 如 何 拼合 而 成 ， 详 细 了 解 游戏 影片 剪辑 是 如 何 骨 入 影片 中 的 。 


77 


3.3.3 添加 Play Again 按 钮 


在 影片 的 最 后 一 帧 上 ， 添 加 一 个 允许 用 户 再 次 进行 游戏 的 按钮 。 

我 们 可 以 简单 地 将 第 1 帧 上 的 按钮 复制 过 来 ， 但 不 要 直接 复制 粘贴 ， 而 是 在 库 中 创建 按钮 的 
副本 ， 然 后 将 按钮 副本 的 文本 改 为 Play Again。 

gameover 帧 应 如 图 3-12 所 示 。 


国 scene1 











图 鲍 1oox 后 





























图 3-12 ”游戏 结束 界面 上 将 带 有 一 个 Play Again 的 按钮 


第 3 帧 上 添加 此 按钮 后 ， 在 Property Inspector 面板 将 其 实例 命名 为 playAgainButton。 这 样 ， 
我 们 就 能 为 其 分 配 一 个 侦 听 器 。 位 于 帧 上 的 代码 脚本 如 下 所 示 ; 


playAgainButton.addEventListener (MouseEvent .CLICK,playAgain); 








function playAgain(event:MouseEvent) { 
gotoAndSsStop("playgame"); 
} 


测试 MatchingGame7.fla 文件 ， 并 观察 按钮 的 实际 效果 。 现 在 ,我 们 有 了 一 个 通用 的 游戏 框 
架 , 你 可 以 替换 当中 游戏 介绍 和 游戏 结束 界面 内 容 ， 可 以 重 置 游戏 而 不 用 担心 其 他 界面 会 遗留 相 
关 的 元 素 和 变量 。 曾 经 ， 对 于 ActionScript 1.0 和 2.0 来 说 ， 这 些 都 是 不 可 忽视 的 问题 ， 但 对 于 
ActionScript 3.0 框架 来 说 ， 则 不 再 是 个 难题 。 


3.4 添加 得 分 和 时 间 








本 章 的 目的 是 围绕 基本 的 配对 游戏 开发 一 个 完整 的 游戏 框架 。 在 休闲 游戏 中 , 得 分 和 计时 器 
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是 两 个 很 常见 的 游戏 元 素 。 尽管 配对 游戏 概念 中 并 不 需要 这 两 个 元 素 , 但 我 们 仍然 把 它们 加 入 游 
戏 ， 使 游戏 的 功能 尽 可 能 全 面 。 


3.4.1 添加 得 分 


首先 要 解决 的 问题 是 ,游戏 中 如 何 计算 得 分 。 这 并 没有 确切 的 答案 。 但 是 ， 成功 找 到 一 对 应 
该 加 分 ， 失败 则 扣 分 。 由 于 玩家 失败 的 次 数 儿 乎 总 是 大 于 成 功 的 次 数 ， 所 以 奖励 的 分 数 要 大 于 所 
扣 的 分 数 。 比 较 好 的 做 法 是 ， 成 功 一 次 奖励 100 分 ， 失 败 一 次 则 扣 5 分 。 

与 其 在 游戏 中 进行 这 些 复杂 的 计算 ， 还 不 如 在 类 的 开头 部 分 将 这 些 值 存储 为 常量 : 


private static const pointsForMatch:int = 100; 
private static const pointsForMiss:int = -5; 


现在 , 我 们 需要 一 个 文本 字段 来 显示 分 数 。 根 据 第 2 章 所 述 方法 , 创建 一 个 文本 字段 还 是 比 
较 简单 的 。 首 先 ， 在 类 变量 列表 下 方 声明 一 个 新 的 TextField (文本 字段 ) 对 象 。 

private Var gameScoreField:TextField; 

然后 ， 创 建 并 添加 文本 字段 : 


gameScoreField = new TextField(); 
addChild(gameScoreField); 


注意 , 为 添加 文本 字段 , 我 们 还 需要 在 类 文件 的 上 方 导入 text 类 库 。 在 类 的 顶部 添加 如 下 代码 : 

import flash.text.*; 

我 们 还 可 以 如 第 2 章 所 述 那样 ， 将 文本 字段 格式 化 ,创建 一 个 更 漂亮 的 文本 字段 。 不 过 ,我 
们 暂时 不 这 么 做 。 

分 数 本 身 是 一 个 简单 的 整 型 变量 , 将 其 命名 为 gameScore。 在 当前 类 的 开头 部 分 声明 分 数 变量 : 

private Var gameScore:int; 

然后 ， 在 构造 函数 中 将 其 值 设 为 0: 

gameScore = 0; 

另外 ， 可 以 直接 在 文本 字段 内 显示 分 数 : 

gameScoreField.text = "Score: "+String (gameScore); 

然而 ， 我 们 意识 到 ， 游 戏 进 行 过 程 中 ， 我 们 要 多 次 在 代码 中 设置 gameScoreField 的 文本 
内 容 。 第 一 次 是 在 构造 函数 内 ,第 二 次 是 随 着 游戏 的 进行 , 分数 不 断 变化 后 设置 其 文本 内 容 。 与 
其 将 上 面 那 行 代码 复制 粘贴 在 两 个 地 方 ， 不 如 将 其 放 在 一 个 函数 内 。 然 后 ,在 需要 用 到 这 行 代码 
来 刷新 分 数 的 时 候 调 用 函数 即 可 。 


public function showGameScore() { 
gameScoreField.text = "Score: "+String (gameScore); 














} 
遇 到 两 种 情况 我 们 需要 改变 分 数 的 值 。 第 一 种 情况 是 ,在 我 们 检查 游戏 是 否 结束 之 前 ， 成功 
匹配 一 对 : 
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gameScore += pointsForMatch; 
然后 ， 在 if 语句 内 添加 一 个 else 子 句 ， 若 没有 匹配 成 功 ， 则 扣除 部 分 分 数 : 
gameScore += pointsForMiss; 


以 下 是 关于 这 部 分 的 完整 代码 ， 你 可 以 从 中 看 到 以 上 两 行 代码 的 位 置 : 


/ /比较 两 张 卡片 
if (firstCard.cardface == secondCard.cardface) { 
// 移 除 成 功 的 配对 


removeChild(firstCard); 
removeChild(secondCard); 


/ /重新 选择 
fikestCargd = Hull 


sevondCard = nulls 


// 增 加 分 数 


gameScore += pointsForMatch; 


ShowGameScore () ; 
/ /检测 游戏 是 否 结束 
cardsLeft -= 2; / 
if (cardsLeft == 


/卡片 减少 两 张 
站 


MovieClip (root) .gotoAndStop ("gameover"); 


} 


} else { 


gameScore += pointsForMiss; 


showGameScore(); 


} 


注意 ， 增 加 分 数 我 们 用 了 += 表 达 式 ， 计 算 减 法 也 如 此 。 因 为 ，pointForMiss 的 值 设 为 -5， 


加 上 -5 与 减 去 5 是 一 样 的 。 





同时 ， 分 数 每 发 生 一 次 变化 就 调用 一 次 showGameSscore () 国 数 。 这 样 ， 可 以 确保 用 户 随时 





3-13 所 示 。 





MatchingGame8.swf 




















了 解 最 新 的 分 数 情况 ， 如 图 
RE 
和 3-13 











分 数 显示 在 屏幕 的 左上 角 ， 采 用 默认 的 字体 和 样式 
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说 明 


从 影片 文件 MatchingGame7.fla 到 MatchingGame8.fla， 我 们 要 做 的 不 仅仅 是 替换 文件 名 
称 。 还 要 在 影片 中 将 影片 剪辑 MatchingGameObject7 的 名 称 和 调用 类 名 改 为 
MatchingGameObject8。 只 修改 影片 剪辑 的 名 称 ， 而 忘记 修改 调用 类 文件 的 名 称 是 很 容易 
犯 的 错误 。 


当然 ， 还 要 将 ActionScript 文件 名 改 为 MatchingGame8.as， 并 改变 ActionScript 文件 的 类 
名 和 构造 遂 数 名 。 


对 于 本 章 后 面 所 提 到 的 配对 游戏 的 其 他 版 本 ， 我 们 也 要 如 此 操作 。 
































































































































可 以 在 MatchingGame8.fla 和 MatchingGame8.as 中 查看 上 述 代 码 的 实际 效果 。 
3.4.2 添加 时 间 


为 游戏 添加 计时 器 比 添 加 分 数 稍微 复杂 一 点 。 首 先 ,分数 只 需 在 卡片 进行 比较 时 才 更 新 一 次 ， 
而 计时 器 则 必须 不 断 更 新 。 

添加 时 间 ， 我 们 需要 用 到 getTimer() 函数 ， 它 返回 自 Flash 影片 播放 开始 的 毫秒 数 。 
getTimer() 是 一 个 特定 的 函数 ， 所 以 我 们 要 在 程序 的 顶部 导入 特定 的 Flash 类 : 


import flash.utils.getTimer; 


说 明 


getTimer () 疯 数 计算 自 Flash 影片 播放 开始 的 毫秒 数 。 但 是 ， 这 个 原始 的 时 间 数 值 对 
我 们 来 说 并 没有 帮助 ， 因 为 用 户 并 不 是 在 游戏 出 现在 屏幕 上 时 就 立即 开始 游戏 。 不 过 ， 
如 果 我 们 通过 get Timer ( ) 分 段 计算 时 间 , 然后 用 后 一 次 的 时 间 减 去 上 一 次 的 时 间 , 就 
可 以 得 到 游戏 运行 时 长 。 我 们 可 以 这 么 做 : 记录 用 户 按 下 Play 按钮 的 时 间 ， 然 后 用 当前 
时 间 减 去 这 个 时 间 ， 得 到 游戏 运行 时 长 。 













































































































































































































































































现在 ,我们 需要 一 些 新 的 变量 。 其 中 一 个 用 来 记录 游戏 开始 的 时 间 。 这 样 ， 用 当前 时 间 数 减 
去 游戏 开始 的 时 间 就 得 到 玩家 玩 游戏 的 时 间 。 同 样 ， 将 游戏 所 花 时 间 存储 在 一 个 变量 内 : 


private var gameStartTime:uint:， 
private Var gameTime:uint; 


再 定义 一 个 文本 字段 ， 以 在 播放 器 中 显示 时 间 : 
private var gameTimeField:TextField; 
在 构造 函数 内 添加 一 个 新 的 文本 字段 ， 用 来 显示 时 间 。 然 后 ,将 其 放置 在 屏幕 的 右 思 ， 这样 
就 不 会 与 显示 分 数 的 区 域 重 倒 : 
gameTimeField = new TextField(); 


gameTimeField.x = 450; 
addChild(gameTimeField); 
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完成 构造 函数 之 前 ， 先 设置 gameStartTime 变量 。 将 gameTime 的 值 也 设 为 0: 


gameStartTime = getTimer(); 
gameTime = 0; 


接 下 来 ， 实 现 游戏 时 间 的 不 断 更 新 。 由 于 时 间 是 在 不 停 改变 的 ， 所 以 我 们 不 用 等 用 户 作出 行 
为 动作 后 再 显示 时 间 。 
实现 游戏 时 间 不 断 更 新 的 一 种 方法 是 ， 创 建 一 个 Timer 对 象 ， 正 如 第 2 章 所 讲述 的 那样 。 











但 是 , 时 间 是 按 一 定时 间 间 隔 来 更 新 ， 只 有 时 间 更 新 的 频率 足够 快 , 玩家 才能 准确 地 判断 他 们 所 
用 掉 的 时 间 。 

除了 使 用 Timer, 我 们 还 可 以 通过 ENTER_FRAME 事件 来 触发 一 个 函数 进行 时 间 的 更 新 。 默 
认 的 Flash 影片 中 ， 每 秒 可 以 触发 12 次 时 间 更 新 函数 ， 这 个 频率 已 经 足够 了 : 

addEventListener (Event .ENTER_FRAME ,ShowTime) ; 

接 下 来 完成 showTime 国 数 。 它 基于 getTimer () 和 gameStartTime 的 值 来 计算 当前 的 时 
间 。 然 后 将 时 间 显示 在 文本 字段 中 : 

public function showTime(event:Event) { 

gameTime = getTimer()-gameStartTime; 


gameTimeField.text = "Time: "+gameTime; 


} 


如 图 3-14 所 示 ， 屏 幕 上 显示 了 分 数 和 时 间 ， 时 间 采 用 了 半角 冒号 和 两 位 数秒 数 的 格式 。 下 
面 我 们 将 进一步 了 解 时 间 的 格式 设置 。 


























an MatchingGame9.swf 





Score:0 Time: 0:01 





图 3-14 时间 显 示 在 屏幕 的 右上 方 














3.4.3 显示 时 间 


showTime 国 数 显示 自 游戏 开始 的 毫秒 数 。 一 般 的 用 户 不 会 关心 时 间 的 毫秒 数 ， 他 们 希望 如 
电子 表 上 所 看 到 的 那样 ， 以 分 钟 和 秒 钟 的 格式 显示 。 
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让 我 们 新 建 一 个 函数 来 设置 时 间 的 格式 。 将 上 述 案例 中 在 文本 字段 内 输出 最 原始 gameTime 
的 代码 替换 掉 ， 通 过 调用 一 个 函数 ， 实 现 更 漂亮 的 时 间 格 式 。 

gameTimeField.text = "Time: "+clockTime (gameTime); 

旧 代 码 运行 结果 将 如 下 显示 : 

Time: 123726 

替换 后 ， 新 代码 运行 得 出 如 下 结果 : 

Time: 2:03 

clockTime 国 数 将 把 原始 的 毫秒 数 时 间 转 换 为 以 分 钟 秒 钟 显 示 的 时 间 。 另 外 , 使 用 冒号 (:) 
来 完成 格式 化 ， 并 确保 秒 钟 数 目 少 于 10 时， 秘 数 前 会 有 一 个 0。 

首先 ， 在 函数 内 用 总 毫秒 数 除 以 1000 得 出 秒 数 ， 再 除 以 60 得 出 分 钟 数 。 

然后 ， 用 秒 数 减 去 得 出 的 分 钟 数 。 例 如 ,如果 有 123 秒 ， 即 意味 着 有 2 分 钟 ， 然 后 用 123 减 
去 2x60 得 到 3 秒 。 于 是 ，123 秒 即 2 分 又 3 秒 。 


public function clockTime (ms:int) { 
Var seconds:int = Math.floor(ms/1000); 
var minutes:int = Math.floor(seconds/60); 

















seconds -= minutes*60; 
现在 , 我 们 有 了 分 钟 数 和 秒 钟 数 ， 接 下 来 要 在 它们 之 间 插 入 一 个 冒号 ,并且 保持 秒 钟 数 为 两 


位 数 。 

这 里 ， 我 使 用 了 一 个 技巧 。substr 函数 可 以 截取 字符 串 中 一 定数 量 的 字符 。 秒 钟 数 是 从 0 
到 59, 在 其 基础 上 增加 100, 然后 会 得 到 100 到 159 区 间 的 数字 。 从 中 截取 第 2 位 和 第 3 位 数字 ， 
得 到 一 个 字符 串 ， 即 从 00 到 59。ActionScript 中 代码 如 下 所 示 : 

Var timeString:String = minutes+":"+String(seconds+100) .substr(1,2); 

返回 字符 串 的 值 : 


return timeString; 


} 
现在 ， 屏 幕 上 方 的 时 间 以 电子 时 间 的 格式 显示 ， 而 不 再 是 直接 的 诸 秒 数 。 


3.4.4 游戏 结束 后 显示 所 得 分 数 和 时 间 


在 结束 MatchingGame9.fla 示例 之 前 ， 让 我 们 在 游戏 结束 界面 也 显示 最 新 的 分 数 和 时 间 。 

由 于 游戏 结束 界面 位 于 主 时 间 轴 上 ， 而 不 是 位 于 游戏 影片 剪辑 中 ， 所 以 这 里 会 有 点 环 手 。 要 
在 主 时 间 轴 上 显示 分 数 和 时 间 ， 必 须 将 数据 从 游戏 中 传递 至 根 层级 。 

在 调用 gotoandqStop 命令 从 游戏 影片 剪辑 切换 至 游戏 结束 界面 之 前 , 我 们 将 以 下 两 个 变量 
值 传递 至 根 层级 : 


MovieClip (root) .gameScore = gameScore; 
MovieClip (root) .gameTime = clockTime (gameTime); 


注意 ， 传 递 的 分 数 变量 是 原始 的 分 数值 ， 而 时 间 则 是 调用 clockTime 函数 后 按 分 钟 和 两 位 
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秒 钟 数 以 冒号 隔 开 的 格式 显示 的 字符 串 。 
在 根 层 级 上 ， 我 们 需要 定义 两 个 新 的 变量 来 接收 数据 ， 使 用 与 游戏 变量 相同 的 名 称 ; 
gameTime 和 gameScore。 在 第 1 帧 上 添加 如 下 代码 ; 


Var gameScore:int; 
Var gameTime:String; 


然后 ， 在 游戏 结束 界面 ， 将 这 两 个 值 显示 在 两 个 新 文本 字段 内 : 


ShowScore .text = "Score: "+String(gameScore) ; 
ShowTime.text = "Time: "+gameTime; 











说 明 


这 里 为 了 简化 代码 ， 我 们 直接 企 文 本 字段 中 分 别 写 入 "Score:" 和 "Time: "字符 串 。 但 
比较 专业 的 做 法 是 ， 将 Score 和 Time 设 为 静态 文本 或 图 形 ， 文 本 字段 内 只 显示 实际 
的 分 数 和 时 间 。 本 示例 的 最 后 部 分 ， 将 gameScore 转换 为 字符 串 是 非常 有 必要 的 ， 因 
为 文本 字段 的 .text 属性 必须 为 字符 串 。 如 果 强 制 为 gameScore 变量 赋值 整 型 数值 ， 


会 得 到 错误 信息 。 












































































































































我 们 不 需要 通过 代码 来 创建 动态 文本 字段 showScore 和 showTime, 通过 Flash 编辑 工具 可 
以 直接 在 舞台 上 完成 。 如 图 3-15 显示 了 游戏 结束 界面 所 显示 的 效果 。 


BeOe MatchingGame9.swf 














GAME OVER 
Score: 1575 
Time: 1:32 





























由 于 时 间 轴 上 也 设置 了 文本 字段 ， 也 要 确保 它们 能 正确 地 显示 字体 。 同 一 个 影片 中 ， 文 
本 字段 都 采用 了 Arial Bold 字体 ， 库 中 带 有 此 字体 。 
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现在 ，MatchingGame9.fla 和 MatchingGameObject9.fla 文件 都 已 完成 。 目 前 的 游戏 有 了 介绍 
界面 和 结束 界面 。 并 且 会 不 断 记 录 游 戏 的 得 分 和 所 花 时 间 ， 并 显示 在 游戏 结束 界面 。 同 时 ， 用 户 
还 可 以 单 击 按钮 重新 进行 游戏 。 

接 下 来 为 游戏 添加 一 些 多 样 化 的 特殊 效果 ， 如 卡片 翻转 效果 、 有 限 的 卡片 浏览 时 间 以 及 声 
音效 果 。 


3 .5 湛 入 加 游戏 效 果 


仅仅 靠 炫 酷 的 游戏 点 子 来 吸引 玩家 的 眼球 的 时 代 已 经 一 去 不 复 返 了 。 现在 , 我们 还 要 在 游戏 
中 添加 一 些 动画 触摸 效果 及 声音 。 

让 我 们 为 这 个 游戏 添加 一 些 特 殊 的 效果 ,使 它们 看 起 来 更 炫 。 我 们 不 会 改变 游戏 的 基本 配置 ， 
但 会 让 游戏 对 玩家 更 有 吸引 力 。 


3.5.1 卡片 翻转 动画 


因为 我 们 要 对 虚拟 的 卡片 做 出 翻转 的 动作 ， 所 以 ， 我们 也 要 实现 翻转 的 动画 效果 。 你 可 以 在 
剪辑 中 通过 一 连 串 帧 动画 来 实现 , 但 既然 在 学 习 ActionScript， 那 就 用 ActionScript 来 实现 这 
eh 

















说 明 


于 卡片 本 身 的 特殊 属性 ， 在 这 里 使 用 时 间 轴 实现 效果 比 ActionScript 要 麻烦 许多 。 你 肯 
定 不 想 为 18 张 卡片 实现 动画 ， 所 以 ， 最 好 将 卡片 的 图 像 放 置 在 另 一 个 影 
剪辑 内 ， 然 ee Car 1 部 辑 里 的 图 像 影片 剪辑 ， 而 不 是 直接 操作 Car 
剪辑 。 然 后 ，Card 影片 前 辑 自信 2 质 或 更 多 的 帧 ， 帧 上 的 影片 剪辑 以 动 画 序 列 的 形式 显 
示 卡 片 翻转 。 加 果 你 没有 丰富 的 动画 经 验 很 难 想象 卡片 翻转 的 逐步 动画 。 

















































































































































































































由 于 动画 效果 仅仅 针对 卡片 ， 所 以 最 好 将 其 写 入 cara 类 中 。 但 是 ,我 们 并 没有 cara 类 。 
本 章 的 开始 部 分 ， 我 们 选择 了 不 使 用 card 类 ， 而 是 采用 默认 的 Flash 类 。 

现在 是 时 候 创 建 Card 类 了 。 不 过 , 一 旦 我 们 创建 了 Card.as 文件 , 文件 内 的 所 有 Card 对 象 
就 要 引用 此 类 文件 。 而 MatchingGame1 .fla 示例 到 MatchingGame9.fla 都 含有 Card 对 象 ， 因 此 ， 
为 了 清晰 起 见 ， 我 们 只 在 MatchingGame10.fla 示例 中 使 用 这 个 carg 类 ， 改 变 元 件 的 名 称 ， 并 引 
用 类 cardaq10。 接 着 ， 创 建 一 个 名 为 Card10.as 的 ActionScript 类 文件 。 

cardl10 类 会 实现 卡片 的 翻转 动画 效果 ， 而 不 仅仅 切换 卡片 的 正 反 面 。 它 取代 了 主 类 中 的 所 
有 gotoandstop 国 数 ， 调 用 startFlip 国 数 。 当 翻转 的 动作 结束 后 ， 仍 然 会 切换 到 显示 卡片 
图 像 的 那 帧 。caradal0 类 会 接着 创建 一 些 变量 、 事 件 侦 听 器 ， 并 通过 10 帧 实现 卡片 动画 效果 。 


package { 
import flash.display.*; 
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import flash.events.*; 


public dynamic class Card10 extends MovieClip { 
private Var flipStep:uint; 
private var isFlipping:Boolean = false; 
private Var flipToFrame:uint; 


/ /开始 翻 转动 画 , 记 住 翻转 到 哪 帧 
public function startFlip(flipTowhichFrame:uint) { 


isFlipping = true; 
flipStep = 10; 
flipTorrame = flipTowhichFrame; 


this.addEventListener (Event .ENTER_ FRAME, flip); 


} 








/7/10 步 完成 翻转 动画 
public function fl1ip(event :Event) { 
flipStep--; // 下 一 步 
if (flipStep > 5) { // 翻 转 的 前 半 部 分 
this.scaleX = .2* (flipStep-6); 
} else { // 翻 转 的 后 半 部 分 
this.scaleX = .2*(5-flipStep); 


} 


// 进 行 到 翻转 动画 的 中 间 部 分 时 ， 跳 转 至 新 的 一 帧 
if (flipStep == 5) { 

gotoAndStop (flipToFrame); 
} 


/ /翻转 完成 时 ， 结 束 动画 


if. (fl11DStep: Sa 站) 1 
this.removeEventListener (Event .ENTER_FRAME ， 


} 
所 以 ， 当 调用 startF1lip 函数 时 ，f1lipstep 变量 的 值 设 为 10。 


说 明 


























原来 的 2 倍 ; 值 为 0.5 时 ， 宽 度 为 原来 的 一 半 。 




















flip); 


每 完成 一 步 减少 一 帧 。 


scalex 属性 会 收缩 或 扩大 影片 剪辑 的 宽度 。 其 默认 值 为 1.0。 值 为 2.0 时 ， 宽 度 扩展 为 





当 flipStep 的 值 在 10 到 6 之 间 时 , scalex 的 属性 设 为 .2*(flipSstep-6) ,那么 scalexX 


的 属性 值 为 0.8、0.6、0.4、0.2 和 0。 每 进行 一 步 影 片 剪辑 就 缩小 一 点 。 





当 flipStep 的 值 位 于 5 到 0 之 间 时 ，scalex 的 属性 重新 设 为 .2*(5-flipStep) ， 即 它 


的 值 将 为 0、0.2、0.4、0.6、0.8 和 1.0， 影 片 最 终 返 回 正常 大 小 。 
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当 运 行 到 第 5 步 时 ， 卡 片 将 跳 至 新 的 一 帧 。 卡 片 影 片 剪 辑 会 逐步 缩小 至 人 没有， 然后 切换 到 新 
一 帧 ， 再 逐步 放大 显示 新 的 图 像 。 
我 需要 改变 一 下 卡片 上 图 形 的 摆 放 位 置 来 完成 这 个 效果 。 所 有 之 前 版 本 的 游戏 中 , 卡片 都 设 
置 在 影片 剪辑 的 左上 角 。 但 是 ,我 希望 当 影片 剪辑 的 scalex 值 发 生 改 变 时 ，Card 影 片 是 围绕 它 
的 中 心 而 缩小 的 ， 所 以 ， 我 们 需要 将 卡片 的 显示 图 像 的 中 心 在 每 一 帧 上 与 影片 剪辑 的 中 心 重合 。 
MatchingGame9.fla 和 MatchingGame10.fla 两 文件 中 的 游戏 ， 观 窦 它们 的 区 别 。 图 3-16 展示 
剪辑 编辑 时 的 效果 。 





























图 3-16 ”左边 的 图 为 本 章 第 9 个 游戏 示例 中 ， 广 册 点 为 左上 角 的 影片 草 表 
右边 的 图 为 本 章 最 后 一 个 示例 中 ， 广 册 点 为 图 片 中 心 的 影 六 名 
最 后 ， 移 除 事件 侦 听 器 
此 交还 有 一 个 很 棒 的 优点 ， 即 当 卡片 翻 回 背 面 ， 跳 转 至 第 1 帧 时 ， 同 样 运行 得 很 顺利 。 
查看 MatchingGameObject10.as 文件 ,所 有 的 gotoAndstop 命令 都 被 startF1lip 函数 替代 。 
这 么 做 不 仅仅 是 创建 了 一 个 翻转 动画 ， 还 能 使 Card 类 拥有 更 多 的 控制 权 。 理 想 而 言 ， 卡 片 可 以 
通过 Card10.as 实现 更 多 的 自我 控制 ， 例 如 ， 在 游戏 开始 时 设置 卡片 的 位 置 。 


3.5.2 有限 的 卡片 浏览 时 间 


关于 此 游戏 , 更 完善 的 设想 是 , 让 用 户 有 充足 的 时 间 记 下 未 匹配 成 功 的 卡片 , 再 将 卡片 翻转 。 
例如 ， 玩 家 选择 了 两 张 卡片 ， 但 它们 并 不 匹配 ， 于 是 保持 图 像 朝 上 ， 使 玩家 可 以 仔细 观察 。2 秒 
钟 后 ， 即 便 玩家 还 没有 开始 选择 另 一 对 卡片 ， 卡 片 也 会 翻转 。 

我 们 使 用 Timer (计时 器 ) 来 实现 这 个 功能 。 通 过 Timer， 添 加 这 个 功能 会 更 简单 。 开 始 
前 ， 先 将 Timer 类 导入 至 主 类 文件 中 。 


import flash.utils.Timer; 


接着 ， 在 类 的 初始 部 分 创建 一 个 计时 器 变量 : 

private var flipBackTimer:Timer:; 

之 后 ， 我 们 在 clickcard 函数 内 添加 一 些 代码 ， 当 玩家 选择 了 第 二 张 卡片 后 ， 若 不 匹配 ， 
则 扣除 部 分 分 数 。Timer 函数 创建 一 个 计时 器 ，2 秒 钟 后 调用 一 个 函数 : 

flipBackTimer = new Timer(2000,1); 


flipBackTimer.addEventListener (TimerEvent .TIMER COMPLETE,returnCards); 
flipBackTimer.start (); 
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当 计 时 器 计时 完成 后 ， 触 发 TimerEvent .TIMER_COMPLETE 事件 。 通 常 ，Timer 会 运行 一 
定 次 数 ,每 次 触发 一 个 TimerEvent .TIMER 事件 。 然 后 ,最 后 一 次 运行 时 同时 触发 TimerEvent . 
TIMER_COMPLETE 事件 。 我 们 只 想 在 某 一 时 刻 触发 一 个 事件 ， 因 此 我 们 将 Timer 运行 的 次 数 设 
为 1， 然 后 触发 TimerEvent .TIMER_COMPLETE 事件 。 

2 秒 钟 后 ， 调 用 returncards 函数 。 它 是 一 个 全 新 的 函数 ， 与 之 前 clickcard 函数 的 后 
半 部 分 所 实现 的 功能 类 似 。returncards 函数 将 把 选中 的 一 对 卡片 翻 回 背 面 朝 上 状态 ， 然 后 将 
firstCard 和 secondcard 的 值 设 为 aul1， 并 移 除 侦 听 器 


public function returnCards (event :TimerEvent) { 
firstCard estartFliog(1)s 
secondCard.startFlip(1); 
fiestCard =. nulLy 
secondCard = null; 
flipBackTimer.removeEventListener (TimerEvent .TIMER_ COMPLETE,returnCards); 





























} 


returnCards 函数 里 的 代码 是 从 之 前 的 clickcard 函数 中 复制 过 来 的 ， 所 以 ,在 
MatchingGameObject10.as 文件 中 ， 删 除 那 段 复制 的 代码 ， 改 为 直接 调用 returncards 函数 。 这 
样 ， 我 们 的 代码 就 只 有 一 个 职责 ， 即 将 一 对 卡片 返回 背面 朝 上 状态 。 

由 于 returnCargs 函数 需要 一 个 事件 参数 ， 所 以 ， 不管 是 否 有 值 需 要 传递 ， 都 要 向 该 函数 
传递 一 个 事件 参数 。 因 此 ， 在 clickCcarg 函数 内 调用 returnCcargds 函数 时 传递 空 值 (nu11): 

returnCards (null); 

运行 影片 ， 翻 开 两 张 卡 片 ， 然 后 等 待 一 会 ， a 
因为 returnCcards 函数 内 包含 了 removeEventListener 命令 , 所 以 会 移 除 侦 听 器 , 即便 
returnCards 国 数 是 由 玩家 翻 开 其 他 卡片 触发 的 。 不 然 ， 当 玩家 点 开 一 张 新 卡 片 时 ， 之 前 的 两 
张 卡片 翻 回 背面 ， 然 后 2 秒 钟 后 ， 再 次 触发 事件 ， 尽 管 之 前 的 两 张 牌 已 经 翻 回 青 面 了 。 


3.5.3 声音 效果 


i di 音 。 在 ActionScript3.0 里, 添加 声音 变 得 相对 简单 ,不 过 , 仍然 有 不 
一 步 ， 导 入 音频 。 我 有 3 个 音频 文件 ， 并 将 它们 一 一 导入 库 中 : 

FirstCardSound.aiff 

MissSound.aiff 

MatchSound.aiff 

导入 音频 文件 后 ， 对 它们 的 属性 作 些 改变 。 将 它们 的 元 件 名 以 文件 名 命名 ， 但 要 删除 .ai 企 后 
级 。 同 时 ， 检 查 Export for ActionScript 选项 ， 将 它们 的 类 名 与 元 件 名 设 为 一 致 。 图 3-17 所 示 为 

一 个 声音 文件 的 属性 对 话 框 。 

接 下 来 ， 设 置 主 游戏 类 ， 使 游戏 在 恰当 的 时 间 播 放 音效 。 首 先 ， 导 入 两 个 类 ， 让 我 们 可 以 使 

用 音频 : 

















出 
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import flash.media.Soungd; 
import flash.media.SoundChannel; 


然后 ， 创 建 一 些 类 变量 ， 引 用 导入 的 音频 文件 : 


Var theFirstCardSound:FirstCardSound = new FirstCardSound(); 
Var theMissSound:MissSound = new MissSound(); 
Var theMatchSound:MatchSound = new MatchSound(); 








Sound Properties 








FirstCardSound oI 
dh Flash Games 3/Chapter 3/ Cancel ) 
FirstCardSound.aiff 

( Update ) 

Wednesday, March 21, 2007 9:27 AM ~ 

22 kHz Mono 16 Bit 1.0 s 44.1 kB (Import... ) 
Stop 


Will use publish setting: MP3, 16 kbps, Mono 


Device sound: 6G Basic 








Linkage 
加 Export for ActionScript 
加 Export in frame 1 





ldentifier | 


Class:[Firstcardsound |j 园 


Base class: flash.media.Sound 固 园 








Sharing 
DO Export for runtime sharing 
mport for runtime sharing 

URL: 











图 3-17 每 个 音频 文件 为 一 个 类 。ActionScript 代码 里 ， 可 以 通过 类 名 调用 和 读 取 音 频 文件 
我 喜欢 用 一 个 函数 完成 所 有 音频 的 播放 ,将 函数 命名 为 playsound, 并 添加 在 类 的 最 后 部 分 : 


public function playSound (soundObject:Object) { 
var channel:SoundChannel = soundObject .play(); 





} 

当 需 要 播放 声音 时 ， 我 们 可 以 调用 playsound 函数 ， 并 赋予 声音 变量 参数 ， 如 下 所 示 : 

playSound (theFirstCardSound); 

在 MatchingGameObject10.as 示例 文件 中 ， 当 选中 第 一 张 卡 片 和 在 匹配 失败 重新 选择 一 张 新 
卡片 时 ， 我 添加 了 playsSound (theFirstCcardSound) 代码 。 当 点 开 第 二 张 卡 片 却 未 匹配 成 功 
时 ， 我 添加 了 playSound (theMissSound) 代码 。 当 点 开 第 二 张 卡 片 配对 成 功 时 ， 添 加 了 
playSound (theMatchSound), 


以 上 为 为 游戏 添加 音效 的 全 部 步骤 。 
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说 明 

此 时 ， 你 也 许 希 望 重新 在 影片 的 发 布设 置 里 调整 声音 压缩 设置 。 或 者 ， 在 每 个 音频 文件 
的 元 件 属性 里 设置 声音 压缩 。 无 论 哪 种 方式 ， 你 希望 得 到 较 小 的 音频 文件 ， 如 16 kbps 
的 MP3 格式 文件 ， 因 为 都 些 都 是 较 简 单 的 音效 。 




















3.6 修改 游戏 


在 完成 整个 游戏 之 前 ， 还 有 些 地 方 可 以 改进 。 
首先 ， 当 我 们 重新 定义 卡片 的 中 心 时 ， 需 要 重新 调整 卡片 的 水 平和 垂直 偏 移 量 : 


private static const poardoffsetX:Number = 145; 
private static const boardOoffsetY:Number = 70; 


我 是 如 何 计算 出 这 些 数字 的 呢 ? 好 吧 ， 如 果 你 真 的 想 知道 的 话 ， 请 看 下 面 的 具体 方法 。 
口 舞台 宽 550 像素 。 共有 6 张 卡片 , 每 张 占用 52 像素 宽 。 则 550 一 6 x 52 就 是 左右 空余 的 总 
空间 。 除 以 2 得 到 右边 所 空空 间 。 但 是 ， 卡片 的 中 心 为 (0 0)， 所 以 ， 再 减 去 卡片 的 一 半 
宽度 即 26。 因 此 ，(550-6 x 52)/2 一 26=145 。 
口 同样 ， 垂 直 的 偏 移 量 为 (400-6 x 52) /2-26=70。 
另 一 个 需要 改进 的 为 光标 。 当 玩家 准备 点 击 一 张 卡片 时 ， 光标 并 不 会 表示 “这 个 是 可 以 单 击 
的 ”意思 。 不 过 ， 只 要 设置 每 张 卡片 的 buttonMoge 属性 就 可 以 解决 这 个 问题 : 

c.buttonMode = true; 

现在 , 当 玩 家 将 鼠标 放置 在 卡片 上 时 , 得 到 一 个 手指 形状 的 光标 。 当 放置 在 Play 按钮 和 Play 
Again 按钮 上 时 ， 同 样 出 现 手 指 光标 ， 因 为 它们 均 为 Button (按钮 ) 类 型 的 元 件 。 

最 后 一 点 要 改进 的 地 方 是 帧 频 , 将 默认 的 12 帧 / 秒 改 为 60 帧 / 秒 。 你 可 以 通过 选择 Modify ( 修 
改 ) 一 Document (文档 ) 来 修改 文档 属性 。 

帧 频 设 在 60 帧 / 秒 时 ， 影 请 运行 得 更 流畅 。 有 了 超 快 的 ActionScript 3.0 引 敬 后， 即便 游戏 运 

行 在 很 慢 的 机 器 上 ， 也 可 以 以 很 高 的 帧 频 运 转 。 

以 下 构成 了 最 终 版 本 的 配对 游戏 : 

MatchingGame10.fla 

MatchingGameObject10.as 

Cardl0.as 
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脑力 游戏 : 记忆 和 推理 


本 章 内 容 

口 数组 和 数据 对 象 
口 记忆 游戏 

口 推理 游戏 





前 一 章 ， 我 们 学 习 了 单 层次 游戏 面板 的 游戏 ， 即 清除 完 游戏 面板 上 所 有 元 素 后 ， 游 戏 结束 。 
然而 , 许多 游戏 要 远 远 多 于 一 个 层次 。 这 些 游戏 通常 会 推出 一 种 情景 交 由 玩家 处 理 ， 当 玩家 作出 
处 理 后 ， 进 入 下 一 层 情景 。 你 可 以 将 这 类 游戏 看 作 回 合 制 游戏 。 

本 章 中 ， 我 们 将 学 习 两 款 这 类 游戏 记忆 和 推理 ,第 第 一 款 游 戏 要 求 玩 家 观察 并 重 现 一 组 序列 。 
每 过 一 轮 ， 序 列 会 加 长 ， 直 到 玩家 无 法 继续 。 第 二 款 游戏 要 求 玩 家 猜 出 序列 ， 玩 家 要 总 结 每 轮 的 
规律 然后 快速 地 完成 序列 的 推理 。 

如 此 一 来 ， 上 一 章 所 采用 的 单 层 次 结构 就 不 再 适用 了 。 这 里 ,我 们 要 采用 数组 和 数据 对 象 来 
存储 游戏 信息 ， 并 通过 这 些 数据 对 象 来 确定 玩家 每 轮 游戏 的 结果 。 


4.1 数组 和 数据 对 象 
本 章 所 要 创建 的 游戏 要 求 存储 有 关 游 戏 和 玩家 动作 的 信息 。 我 们 可 以 通过 计算 机 科学 家 所 称 


的 “数据 结构 ”来 实现 数据 存储 。 
数据 结构 是 信息 存储 的 方式 。 最 简单 的 数据 结构 为 数组 ， 它 以 信息 列表 的 方式 存储 数据 。 另 
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外 ，ActionScript 还 含有 数据 对 象 ， 能 用 来 存储 带 有 标签 的 信息 。 另 外 ， 你 也 可 以 进行 数据 租 套 ， 
用 数组 存储 数据 对 象 。 


4.1.1 数组 


数组 即 一 系列 数值 的 列表 。 例 如 ， 如 果 需 要 存储 玩家 在 游戏 开始 时 可 能 选择 的 一 系列 角色 ， 
我 们 可 以 按 如 下 方式 以 列表 形式 进行 存储 : 

Var characterTypes:Array = new Array(); 

characterTypes = ["Warrior", "Rogue", "Wizard", "Cleric"]; 


也 可 以 通过 push 命令 为 数组 添加 元 素 。 以 下 代码 得 到 如 上 同样 的 结果 : 


Var characterTypes:Array = new Array (); 
characterTypes.push("Warrior"); 
characterTypes.push("Rogue"); 
characterTypes.push ("Wizard"); 
characterTypes.push("Cleric"); 


以 上 例子 中 ,我 们 创建 的 是 字符 串 数 组 。 然而， 数组 可 以 存储 任何 类 型 的 值 ， 如 数字 或 显示 
对 象 (如 Sprite 和 影片 剪辑 )。 


说 明 


数组 不 仅 可 以 存储 任何 类 型 的 值 ， 也 可 以 混合 存储 多 种 类 
样 一 组 数组 : [7, "Hello"]。 
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的 值 。 例 如 ， 你 可 以 创建 这 












































游戏 中 ， 常 见 的 用 法 是 采用 数组 来 存储 影片 剪辑 和 Sprite。 例 如 ， 第 3 章 中 我 们 创建 了 一 组 
配对 卡片 。 为 了 方便 数据 调用 ， 我 们 在 数组 内 存储 了 每 张 卡 片 的 引用 。 
如 果 要 创建 10 张 卡片 ， 可 以 如 下 创建 数组 : 
Var cards:Array = new Array(); 
for(var i:uint=0;i<10;i++) { 
Var thisCard:Card = new Card(); 


cards.push (thisCard); 
} 


将 游戏 元 素 放 入 数组 中 有 很 多 好 处 。 例如， 可 以 方便 地 通过 循环 遍历 数组 来 检测 配对 或 碰撞 
情况 。 


说 明 


也 可 以 谈 套 数组 ， 得 到 数组 的 数组 。 这 种 数据 形式 对 于 像 第 3 章 那 类 游戏 元 素 的 存储 会 
比较 有 帮助 。 例 如， 一 个 井 字 游戏 棋盘 可 以 表示 为 [["Xx","0","0"]， 
0 
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可 以 向 数组 内 添加 新 元 素 ， 从 数组 中 移 除 元 素 ， 排 序 及 查找 数组 中 的 元 素 。 表 4-1 列 出 了 常 
见 的 数组 函数 。 


表 4-1 常见 数组 函数 


















































函数 例 子 描述 

push myArray .push ("Wizard") 添加 一 个 元 素 至 数组 的 末端 

pop myArray .pop() | 除数 组 中 最 后 一 个 元 素 ， 并 返回 该 元 素 的 值 

unshift myArray.unshift ("Wizard") 添加 一 个 元 素 至 数组 的 开始 处 

shift myArray .shift ("Wizard") I 除数 组 的 第 一 个 元 素 ， 并 返回 该 元 素 的 值 

splice myArray .splice(7,2,"Wizard","Bard") 由 除数 组 中 指定 位 置 的 元 素 ， 并 在 该 处 添加 新 
元 素 

indexof myArray.indexOf ("Rogue") 返回 元 素 所 在 的 位 置 ， 未 找到 则 返回 -1 

sort myArray .sort () 排序 数组 





数组 是 游戏 中 常见 且 不 可 缺少 的 数据 结构 。 事实 上 ,本 市 的 其 他 数据 结构 通过 数组 将 单个 数 
据 元 素 添 加 至 数据 元 素 列表 。 


4.1.2 数据 对 象 


数组 可 以 很 好 地 存储 独立 数据 。 但 当 需 要 组 合 数据 时 该 如 何 处 理 呢 ? 假设 在 冒险 游戏 中 你 需 
要 将 角色 类 型 、 ed ee 举例 来 说 ， 屏 幕 上 有 名 战士 ， 等 级 为 15， 健 
康 度 从 0.0 至 1.0。 你 可 以 使 用 一 个 数据 对 象 来 存储 这 3 个 游戏 元 素 的 信息 。 





说 明 
在 其 他 编程 语言 中 ， 数 据 对 象 与 联合 数组 是 等 同 的 。 与 数据 对 象 一 样 ， 联 合 数组 也 是 包 


含 标签 〈 也 称 为 " 键 ") 和 数值 的 元 素 列 表 。 可 以 在 ActionScript 中 使 用 常规 数组 ， 但 它 并 
不 像 数 据 对 象 那 样 通用 。 










































































通过 定义 变量 类 型 为 object 来 创建 数据 对 象 。 接 着 ,通过 点 语法 为 数据 对 象 添加 属性 : 


Var theCharacter:Object = new Object (); 
theCharacter.charType = "Warrior"; 
theCharacter.charLevel = 15; 
theCharacter.charHealth = 0.8; 


也 可 以 通过 以 下 方式 创建 变量 : 
Var theCharacter:Object = {charType: "Warrior", charLevel: 15, charHealth: 0.8}; 


对 象 是 动态 的 , 意味 着 你 可 以 随时 为 它 添加 任意 类 型 的 属性 。 不 需要 在 对 和 象 内 声明 变量 ,只 
需要 如 上 例 那 样 ， 直接 为 它 分 配 值 。 
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说 明 


ActionScript 中 的 数据 对 象 与 其 他 普通 对 象 没有 太 大 差异 。 事 实 上 ， 你 甚至 可 以 为 数据 对 
象 分 配 一 个 遂 数 。 例 如 ， 某 对 象 有 两 个 属性 firstname 和 lastname， 你 可 以 创建 一 


个 fullname () 加 数 来 返回 fijrstname+""+lastname 的 值 。 









































































































































数据 对 象 和 数组 可 以 很 好 地 协作 ， 例 如 ， 你 可 以 在 这 里 创建 一 个 角色 数组 。 
4.1.3 数据 对 象 数组 


从 现在 起 , 我 们 将 在 之 后 的 每 一 款 游戏 中 采用 数据 对 象 数组 来 记录 游戏 元 素 。 我 们 可 以 存储 
Sprite 或 影片 剪辑 ， 以 及 它们 的 相关 数据 。 
例如 ， 数 据 对 象 可 以 按 如 下 方式 设置 : 


Var thisCard:Object 
thisCard.cardobject 
thisCard.cardface = 7; 
thisCard.cardrow = 4; 
thisCard.cardcolumn = 2; 


现在 ,想象 一 个 存储 如 上 对 象 的 数组 。 在 第 3 章 的 配对 游戏 中 ,我 们 可 以 将 所 有 的 卡片 以 数 
据 对 象形 式 存储 。 

或 者 ,想象 一 个 电子 游戏 (如 街机 游戏 ) 屏幕 上 的 整个 元 素 集 。 对 象 数组 会 存储 每 个 元 素 的 
相关 信息 ， 如 速度 、 行 为 、 方 位 等 。 





new Object () ; 
new Card(); 






说 明 


还 有 一 种 对 象 类 型 为 Dictionary (字典 ) 。 字 典 可 以 像 对 象 那 样 使 用 ， 除 此 之 外 ， 键 
值 可 以 为 任何 类 型 的 值 ， 如 Sprite、 影 片 剪 辑 及 其 他 对 象 。 
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除 极为 简单 的 游戏 外 ， 数 据 结构 〈 如 数组 和 数据 对 象 ) 对 于 所 有 游戏 来 说 都 是 非常 重要 的 。 
现在 ， 让 我 们 通过 数据 结构 来 实现 两 个 完整 的 例子 。 
4.2 ”记忆 游戏 

源 文件 


http://flashgameu.com 
A3GPU204_ MemoryGame.zip 
记忆 游戏 也 是 一 种 老少 成 宜 的 简单 游戏 ， 但 与 配对 游戏 大 不 相同 ， 它 对 玩家 没有 什么 技巧 














4.2 记忆 游戏 103 








记忆 游戏 会 呈现 一 个 图 像 或 声音 的 序列 , 然后 玩家 试 着 重复 这 组 图 像 或 声音 出 现 的 顺序 。 
常 ， 序 列 从 一 个 元 素 开始 ， 然 后 每 轮 增加 一 个 元 素 。 因 此 ,玩家 第 一 轮 需 要 重复 一 个 元 素 ， 
两 个 、 三 个 ， 每 轮 增 加 一 个 。 例 如 ， 先 是 A， 再 是 AD， 然 后 ADCB ， 再 然后 ADCBD， 依 次 下 
去 。 最 终 ， 序 列 会 变 得 太 长 ， 玩 家 犯错 ， 游 戏 结束 。 





说 明 

了 恐怕 最 出 名 的 记忆 游戏 要 算 1978 年 由 Ralph Baer 创造 的 手持 电子 玩具 Simon 5 了。Ralph 
Baer 被 视 为 电脑 游戏 之 父 之 一 ， 他 创建 了 最 初 的 Magnavox Odyssey 一 一 第 一 台 家 庭 游戏 
主机 。2005 年 ， 他 被 授予 了 National Medal of Technology (美国 国家 技术 奖 ) ， 以 表彰 
他 为 建立 电子 游戏 产业 所 作 的 页 献 。 





















































4.2.1 准备 影片 


在 ActionScript3.0 模式 下 , 所 有 的 游戏 元 素 都 是 由 代码 所 创建 的 。 这 意味 着 影片 会 有 一 个 空 
白 主 时 间 轴 ， 而 不 会 有 一 个 空白 库 。 库 中 至 少 要 有 游戏 片断 所 需 的 影片 剪辑 ， 本 例子 中 为 Light 
( 灯 ) 影片 剪辑 。 
我 们 有 5 芳 灯 ， 都 存储 在 一 个 影片 剪辑 中 。 另 外 ， 还 需要 灯 的 两 种 状态 : 开 和 关 。 

图 4-1 所 示 的 Light 影 片 剪辑 共有 两 帧 ， 均 包含 ie LighColors。Light 影片 前 
辑 第 1 帧 的 Shade 图 层 上 ，LightColors 影片 剪辑 的 上 方 添加 了 一 层 使 其 颜色 减 淡 。 黑色 遮 
置 层 的 透明 度 设 为 75%, 即 下 方 图 层 只 透 出 25% 的 颜色 。 第 1 帧 剪辑 以 其 暗淡 的 颜色 代表 
灯 的 关闭 状态 。 第 2 帧 上 遮 置 层 消失 ， 代 表 灯 的 开局 状态 。 
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图 4-1 Light 影 片 剪辑 共有 两 帧 : 关 和 开 。 这 里 的 剪辑 以 预 览 模式 
呈现 ， 你 可 以 从 时 间 轴 右边 的 下 拉 菜 单 中 打开 预览 模式 














说 明 


创建 游戏 元 素 (如 灯 ) 的 方法 ， 并 没有 对 错 之 分 。 可 以 用 一 个 影片 剪辑 来 表示 每 一 种 灯 
或 灯 的 每 一 种 状态 。 或 者 ， 也 可 以 在 时 间 轴 的 10 帧 上 放置 10 种 灯 (5 菇 灯 ， 每 菇 灯 有 2 
种 状态 ) 。 有 时 ， 这 只 是 个 人 品味 不 同 的 问题 而 已 。 如 果 你 是 一 名 程序 员 ， 与 一 位 动 国 
师 共 同 开发 游戏 ， 那 么 ， 这 就 是 与 动画 师 所 设计 图 形 进行 协作 的 问题 。 



























































LightColors 影片 剪辑 包含 5 帧 ， 每 一 帧 呈现 不 同 的 颜色 。LightColors 如 图 4-2 所 示 。 
LightColors 影片 剪辑 的 元 件 名 为 lightColors， 首 字母 为 小 写 的 1。 要 改变 灯 的 颜色 ， 只 需要 
通过 1ightcolors .gotoandqStop 命令 改变 影片 剪辑 执行 的 帧 即 可 。 
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EV 咱 于 在 古 硬 已 


XX MemoryGame.fla* 


名 外 scene 1 回 LightColors 外 彻 404% 图 


DS | 











图 4-2 ”LightColors 影片 剪辑 的 时 间 轴 上 每 一 帧 显示 一 种 颜色 

















将 影片 命名 为 MemoryGame.fla，ActionScript 文件 命名 为 MemoryGame.as。 这 意味 着 ， 要 像 
第 3 章 的 配对 游戏 中 所 做 的 那样 ,在 影片 的 Property Inspector( 属 性 检查 器 ) 面 板 中 定义 Document 


类 为 MemoryGame 。 
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4.2.2 ”编程 策略 

起 先 影片 内 空白 一 片 ， 之 后 所 有 的 元 素 都 由 ActionScript 代码 创建 。 因 此 ， 首 先 要 创建 5 尽 
灯 ， 为 每 僵 灯 设 定 一 个 颜色 。 接 着 ,创建 两 个 文本 字段 ,一 个 用 来 提示 玩家 当前 是 要 观察 序列 还 
是 重复 序列 ， 另 一 个 用 来 显示 当前 序列 中 灯 的 数量 。 











说 明 


用 两 个 文本 字段 向 玩家 显示 游戏 信息 的 方式 有 很 多 种 。 例 如 ， 序 列 中 的 元 素 个 数 可 以 显 
示 在 一 旁 的 圆圈 方 框 里 。 文 本 Watch and Listen (注意 观察 并 听 ) 和 Repeat (重复 ) 可 以 
以 类 似 红 绿灯 的 颜色 标志 来 代替 。 使 用 文本 字段 是 相对 简单 的 方法 ， 可 以 不 用 担心 元 素 
设计 ， 只 需要 专注 于 游戏 的 逻辑 代码 。 











































































































































































































Light 影片 剪辑 都 存储 在 一 个 数组 中 。 因 为 有 5 芳 灯 ， 所 以 数组 中 有 5 个 元 素 。 当 我 们 需要 
关 灯 或 开 灯 时 ， 可 以 很 方便 地 从 数组 中 引用 并 操作 灯 的 影片 剪辑 。 

同样 ， 将 灯亮 的 序列 也 存储 于 数组 中 。 数 组 初始 状态 下 ， 元 素 为 空 ， 之 后 每 一 轮 为 其 添加 一 
过 随 机 的 灯 。 

当 播放 完毕 一 组 灯亮 的 序列 后 ， 复 制 这 组 序列 。 然 后 ， 玩 家 在 重复 序列 时 ， 每 单 击 一 次 ， 从 
数组 的 前 端 移 除 一 个 元 素 。 如果 这 个 将 要 移 除 的 元 素 与 所 单 击 的 元 素 相 符 , 则 表示 玩家 选择 正确 。 

此 游戏 中 ， 我 们 还 要 用 到 Timer 对 象 。 重 复 序列 时 ， 计 时 器 每 秒 调用 一 个 函数 来 点 亮 一 慢 
灯 。 然 后 ， 半 秒 过 后 ， 再 调用 函数 关闭 灯 。 











4.2.3 类 定义 
MemoryGame.as 文件 包含 此 游戏 的 代码 。 切 记 设 置 属性 检查 器 中 的 文档 类 将 此 文件 链接 至 


MemroyGame.fla。 
开始 编写 代码 前 , 先 声 明 包 和 类 。 我 们 要 导入 一 个 新 的 Flash 类 。flash.display.* 类 用 来 
显示 影片 剪辑 , 此 外 还 需要 flash.events.* 类 来 处 理 鼠 标 单 击 事件 , flash .text .* 类 来 显示 
文本 内 容 , 以 及 flash.utils.Timer 类 来 调用 计时 器 ,flash.media.Sound 和 flash.media. 
soundCchannel 类 用 来 播放 开关 灯 的 声音 。 因 此 , 还 需要 flash.net .URLRequest 类 来 导入 外 
部 音频 文件 。 
package { 
import flash.display.*; 
import flash.events.*; 
import flash.text.*; 
import flash.utils.Timer; 
import flash.media.Soungd; 


import flash.media.SoundChannel; 
import flash.net.URLRequest; 
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说 明 


我 是 如 何 知道 这 些 在 顶部 导入 的 类 的 名 称 的 呢 ? 很 简单 ， 我 是 从 Flash 帮助 页 面 中 查 到 
的 。 例 如 ， 在 查找 使 用 文本 字段 需要 什么 类 时 ， 我 搜索 了 TextField， 然 后 它 的 定义 页 面 
上 显示 需要 flash .text .* 类 。 实 际 上 ， 我 通常 不 会 在 文档 页 面 上 了 解 类 的 定义 ， 而 
直接 跳 到 页 面 的 抵 部 查看 代码 示例 。 通过 导入 命令 可 以 很 快 地 找到 所 需 的 类 。 

































































































































































类 的 定义 还 包含 许多 变量 声明 。 游 戏 中 我 们 所 使 用 的 唯一 常量 是 灯 的 数量 (本 例 中 为 5)。 


public class MemoryGame extends Sprite { 
static const numLights:uint = 5;} 


我 们 有 3 个 主要 的 数组 : 一 个 用 来 存储 对 5 个 Light 影片 剪辑 的 引用 ， 两 个 用 来 存储 灯 的 序 
列 。playorder 数组 会 每 轮 增 加 一 个 元 素 。 当 用 户 重复 序列 时 ，repeatordaer 数组 作为 
playorder 数组 的 备份 。 它 的 元 素 会 随 着 玩家 单 击 灯 并 对 序列 中 每 一 灯 进 行 比 较 而 递减 。 


private var lights:Array; // 灯 对 象 列表 
private var playOrder:Array; // 增 长 中 的 序列 
private var repeatOrder:Array; 


我 们 需要 两 个 文本 字段 : 一 个 用 来 在 屏幕 的 上 方向 玩家 输出 信息 ， 另 一 个 在 屏幕 的 底部 显示 
当前 序列 的 长 度 。 


// 文 本 信息 
private var textMessage:TextField; 
private Var textScore:TextField; 


游戏 中 使 用 两 个 计时 器 : 第 一 个 计时 器 将 序列 中 每 个 正在 播放 的 灯 点 亮 ; 第 二 个 计时 器 在 半 
秒 过 后 关闭 灯 。 
// 计 时 器 


private Var lightTimer:Timer; 
private var offTimer:Timer; 


还 需要 些 其 他 变量 (如 gameMogde) 来 存储 Play 或 replay， 该 变量 的 值 取决 于 玩家 是 在 观察 
序列 还 是 想 要 重复 序列 。 变 量 currentSelection 存储 对 Light 影片 剪辑 的 引用 。soundList 
数组 存储 对 灯 播 放 时 5 种 声音 的 引用 : 


var gameMode:String; // 播 放 还 是 重复 
Var currentSelection:MovieClip = null; 
var soundList:Array = new Array (); // 存 储 音频 


以 上 都 是 我 们 需要 记录 的 变量 。 我 们 还 可 以 用 常量 来 定义 文本 和 灯 的 位 置 , 但 是 在 这 里 , 我 
们 采用 “ 硬 编码 ”的 方式 将 它们 的 位 置 定好 ， 以 重点 学 习 如 何 编写 代码 。 
4.2.4 设置 文本 、 灯 和 音频 


构造 函数 MemoryGame 会 在 类 初始 化 时 立即 运行 。 通 过 构造 国 数 进行 游戏 界面 初始 化 及 音 
频 文 件 加 载 。 图 4-3 所 示 为 游戏 的 开始 界面 。 
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ANMAA MemoryGame.swf 





Watch and Listen. 





太太 信访 太 


Sequence Length: 1 




















图 4-3 ”记忆 游戏 界面 放置 了 两 个 文本 字段 及 5 部 灯 





1. 添加 文本 
创建 文本 字段 之 前 ， 首 先 要 创建 一 个 临时 的 TextFormat 对 象 ， 用 来 定义 文本 的 样式 。 创 
建文 本 字段 时 ， 使 用 该 临时 对 象 来 定义 文本 样式 ， 之 后 则 用 不 到 它 了 。 由 此 ， 我 们 不 需要 在 主 类 
中 定义 textFormat 变量 (注意 ， 首 字母 为 小 写 的 切 ， 在 国 数 中 定义 即 可 : 


public function MemoryGame() { 


// 文 本 格式 化 

















Var textFormat = new TextFormat ( ) ; 
七 eXLtEormat .font "Arial"; 
textFormat.size 区 
textFormat.align = "center"; 


上 方 的 文本 字段 元 件 名 为 textMessage， 用 来 提示 玩家 当前 是 要 仔细 观察 序列 还 是 需要 重 
复 序列 。 

我 们 将 此 文本 字段 放 在 屏幕 的 上 方 。 文 本 字段 的 宽 为 550 像素 ， 与 屏幕 等 宽 。 由 于 
textFormat .align 属性 被 设 为 "center"， 并 且 文 本 字段 与 屏幕 等 宽 ， 所 以 文本 会 居中 显示 。 

另外 ， 还 要 将 文本 字段 的 selectable 属性 设 为 false， 不 然 ， 鼠 标 移 至 文本 上 方 时 会 变 
成 文本 选择 光标 。 





说 明 


忘记 将 文本 字段 的 selectable 属性 设 为 false 是 很 常见 的 失误 。selectable 的 
Er nn 即 鼠 标 移 至 文本 上 方 时 ， 光 标 会 切换 为 编辑 光标 。 这 种 情况 下 ， 玩 家 
可 能 会 (不 小 心 ) 选中 文本 ， 而 更 为 严重 的 是 ， 单 击 文本 下 方 的 对 象 将 变 得 很 困难 。 






































































































































最 后 ， 将 文本 字段 的 defaultTextFormat 属性 的 值 设 为 上 extFormat 对 象 ， 从 而 定义 文 
本 字段 的 字体 、 大 小 和 文本 对 齐 。 
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// 创 建 上 方 的 文本 字段 

textMessage = new TextField(); 
textMessage.width = 550; 

textMessage.y = 110; 

textMessage.selectable = false; 
textMessage.defaultTextFormat = textFormat; 
addChild(textMessage); 


第 二 个 文本 字段 用 来 显示 当前 序列 的 长 度 , 帮助 玩家 把 握 游 戏 的 进度 。 它 被 放置 在 屏幕 的 下 
方 : 
/ /创建 下 方 的 文本 字段 
textScore = new TextField(); 
textScore.width = 550; 
textScore.y = 250; 
textScore.selectable = false; 


textScore.defaultTextFormat = textFormat; 
addChild(textScore); 


2. 加 载 音频 

接 下 来 , 我 们 需要 加 载 音 频 文 件 。 在 第 3 章 中 , 我 们 使 用 影片 的 库 中 的 音频 文件 。 ActionScript3.0 
并 没有 提供 使 用 音频 文件 的 通用 途径 ， 因 为 库 中 的 每 一 个 音频 文件 都 要 作为 对 象 引 用 。 因 此 ， 使 用 
5 种 声音 (notel~note5) 意味 着 需要 5 个 独立 的 对 象 ， 并 由 不 同 的 代码 引用 。 

不 过 ，ActionScript3.0 拥有 非常 强健 的 命令 集 来 播放 外 部 音频 文件 。 我 们 将 在 这 个 游戏 中 用 
到 。 为 此 ， 先 将 5 个 音频 文件 (notel.mp3~note5.mp3) 加 载 至 一 个 音频 数组 。 























说 明 


Flash 保持 外 部 音频 文件 为 MP3 格式 。 此 格式 的 优点 是 ， 你 可 以 通过 音频 编辑 软件 控制 
文件 的 大 小 和 质量 。 你 可 以 在 需要 缩短 加 载 时 间 时 创建 体积 小 、 音 质 低 的 音频 文件 ， 或 
任 需 要 时 创建 体积 大 、 音 质 高 的 音频 文件 。 


























































































































// 加 载 音 频 
soundList = new Array(); 
for(var i:uint=1;i<=5;i++) { 
Var thisSound:Sound = new Sound(); 
Var req:URLRequest = new URLRequest ("note"+i+".mp3"); 
thisSound.load (req); 
soundList.push(thisSound); 


说 明 

URLRequest 四 数 中 的 "note"+i+" .mp3" 语 句 会 生成 如 "notel .mp3" 的 字符 串 。 
符号 + 可 以 将 字符 串 和 其 他 元 素 组 合 起 来 形成 一 个 长 字符 串 。 语 句 运行 的 结果 为 字符 串 
"note" 和 连接 变量 i 的 值 再 连 上 字符 串 " .mp3"。 
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3. 添加 Light 影片 剪辑 
现在 ,我们 有 了 文本 字段 及 声音 ， 剩 下 最 主要 的 是 在 屏幕 中 添加 游戏 元 素 一 一 灯 。 创 建 5 个 
Light 影 片 剪辑 并 将 它们 间隔 排列 在 屏幕 中 央 。 对 于 每 一 个 Light 对 象 ， 将 其 内 部 的 lightColors 
影片 设置 在 不 同 的 帧 ， 从 而 每 个 影片 剪辑 都 具有 不 同 的 颜色 。 
与 使 用 adadqchila 命令 将 影片 剪辑 添加 至 舞台 的 用 法 类 似 ， 我 们 将 影片 剪辑 添加 至 lights 
数组 以 备 后 续 引 用 。addEventListener 命令 通过 调用 clickLight 国 数 使 影片 对 鼠标 单 击 事件 





作出 响应 。 此 外 ， 设 置 影 
/ /创建 灯 























剪辑 的 buttonMode 属性 ， 使 光标 移 至 元 件 上 方 时 显示 为 手指 图 形 。 


lights = new Array (); 

for(i=0;i<numLights;i++) { 
Var thisLight:Light = new Light(); 
thisLight.lightColors.gotoAndStop(i+1); // 显 示 适 合 的 帧 
thisLight.x = i*75+100; // 设 置 方位 
thisptiohtsy a L175: 
thisLight.1lightNum = i; // 记 录 灯 的 数量 
lights.push (thisLight); // 添 加 至 灯 的 数组 
addchild(thisLight); // 添 加 至 兽 台 
thisLight.addEventListener (MouseEvent .CLICK,clickLight); 
thisLight.buttonMode = true; 


} 
至 此 ， 所 有 的 屏幕 元 


给 gameMode 赋值 "play 


素 都 已 创建 完毕 。 现 在 可 以 开始 游戏 。 将 playorder 设置 为 新 数组 ， 
"， 然 后 调用 nextTurn 国 数 开始 第 一 轮 序列 。 





// 重 置 序列 ， 进 行 第 一 轮 
playOrder = new Array()， 
gameMode = "play"; 





nextTurn(); 


} 


4.2.5 播放 序列 


nextTurn 国 数 用 来 启动 每 一 轮 序列 的 播放 。 该 国 数 随机 添加 一 荔 灯 至 序列 中 ， 然 后 将 屏幕 
上 方 的 文本 内 容 设 为 Watch and Listen， 接 着 启动 显示 序列 的 1ightTimer 计时 器 。 
/7/ 在 序列 中 添加 一 台灯 并 开始 游戏 


public function nextTurn() { 


/ /为 序列 添加 新 的 一 


妾 灯 


var r:uint = Math.floor(Math.random()*numLights); 
playOrder .push (r); 


// 显 示 文 本 内 容 


textMessage.text = "Watch and Listen."; 


textScore.text 


= "Sequence Length: "+playOrder.length; 


// 设 置 计时 器 以 显示 序列 
lightTimer = new Timer (1000,playOrder.length+1); 
lightTimer.addEventListener (TimerEvent .TIMER, lightSequence); 


/ /启动 计时 器 


gameMade="paly"; 
lightTimer.start (); 
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说 明 










































































当 序 列 开 始 播放 时 , 每 秒 调用 一 次 lightsequence 函 


entTarget 属 性 即 为 Timer。 





/ /在 序列 中 播放 后 续 的 内 容 





























计时 器 中 定义 了 两 个 参数 : 第 一 个 为 Timer 事件 之 间 的 毫秒 数 ; 第 二 个 为 事件 应 该 生 
成 的 次 数 。 如 果 没有 设置 第 二 个 参数 ， 计 时 器 会 寺 运 行 直到 我 们 售 止 它 。 但 是 在 此 示 
例 中 ， 局 动 计时 器 后 ， 我 们 希望 设 定 它 的 运行 次 数 。 


数 。event 作 为 参数 传 信 ， 它 的 curr- 


Timer 对 象 的 currentCount 值 返回 计时 器 执行 的 次 数 ， 我 们 将 其 


值 保存 至 playStep 变 量 中 。 通 过 此 变量 可 以 确定 在 显示 序列 中 显示 哪 芳 灯 。 
light Sequence 国 数 通过 检测 变量 playStep 的 值 来 判断 计时 器 是 否 运行 到 最 后 一 次 。 


如 果 是 ， 则 不 再 显示 灯 ， 开 始 这 一 轮 的 后 半 轮 游戏 ， 即 玩家 重复 之 前 序列 : 





public function 11ightSedquence (event :TimerEvent) { 


// 我 们 在 序列 中 的 位 置 
Var playStep:uint 


= event.currentTarget .currentCount-1; 


if (playStep < playOrder.length) { // 非 计时 器 最 后 一 次 运行 
lighton (playOrder [playStep]); 


} else { // 结 束 序列 


startPlayerRepeat (); 


} 


4.2.6 ”开关 灯 


当 玩 家 开始 重复 序列 时 ， 将 文本 消息 框 的 内 容 设 为 Repeat， 


后 ， 复 制 playorder 列表 : 





/ /玩家 开始 重 现 序列 

public function startPlayerRepeat() { 
currentSelection = null; 
textMessage.text = "Repeat."; 


gameMode = "replay"; 
repeatOrder = playOrder.concat () ; 


说 明 























个 新 数组 ， 但 





gameMode 设 为 "'replay"。 然 
































创建 一 个 新 数组 , 然 












































它们 从 表面 看 
一 个 数组 的 曙 
成 这 个 过 程 。 





是 相 可 的 数 委 0 ep 
副本 不 会 导致 原始 数组 也 改变 。 





本， 改变 





























什么 我 们 不 直接 





我 们 用 concat ( al 遂 数 来 复制 数组 。 尽 管 看 起 来 是 从 多 个 数组 中 创建 一 
但 它 的 > 区 二 个 数组 创建 出 另 新 数 旨 是 一 样 的 。 为 


A 























设置 它 等 需要 复制 的 数组 呢 ? 因为 如 果 我 们 设置 两 个 数组 相生 
但 改变 一 个 数组 时 ， 会 同时 改变 另 一 














个 。 我 们 所 需要 的 
concat 四 数 就 可 以 帮助 我 们 











dt ?和 和 
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接 下 来 的 两 个 函数 用 来 开 灯 和 关 灯 。 将 灯 的 数量 传递 至 函数 中 。 开 灯 就 是 通过 gotoAndstop (2) 
命令 转 到 Light 影片 剪 辑 的 第 2 帧 ， 该 帧 上 没有 绘制 覆盖 灯 的 阴影 。 








说 明 


如 果 不 使 用 帧 数 1 和 2， 我 们 也 可 以 在 帧 上 写 入 标签 on 或 off, 然后 使 用 帧 标签 名 进行 调 
转 。 这 么 做 ， 对 于 一 个 影片 剪辑 人 存在 多 种 模式 的 情况 会 比较 有 帮助 。 






























































另外 ， 播 放 与 灯 相 关 的 声音 ， 我 们 采用 对 soundList 数组 中 音频 的 引用 。 
lightOon 函数 还 创建 并 启动 offTimer。 它 只 会 在 灯 开 启 500 毫秒 后 触发 一 次 。 
/ /开启 灯 并 设置 计时 器 来 关闭 它 
public function lightOn(newLight) { 
soundList[newLight] .play(); // 播 放 音 频 
currentSelection = lights [newLight]; 
currentSelection.gotoAndStop (2); // 开 启 灯 
offTimer = new Timer(500,1); // 记 得 关闭 灯 
offTimer.addEventListener (TimerEvent .TIMER_ COMPLETE, lightOff); 
offTimer.start (); 


} 

接着 ，1ightoff 函数 将 当前 Light 影片 剪辑 返回 到 第 1 帧 。 这 时 ， 在 currentSelection 
中 存储 对 Light 影片 剪 辑 的 引用 的 好 处 就 体现 出 来 了 。 

函数 还 会 告诉 of fTimer 停止 计时 。 既然 of fTimer 只 触发 一 次 , 那 为 什么 还 要 这 么 做 呢 ? 
这 是 因为 ，offTimer 虽然 只 触发 一 次 , 但 Lightoff 函数 可 能 被 调用 两 次 。 例 如 ,玩家 重复 序 
列 时 ， 快 速 按 下 灯 ， 以 至 于 在 500 毫秒 以 内 就 关闭 了 灯 。 这 种 情况 下 ，1ightoff 会 因 鼠 标 单 击 
而 调用 一 次 ,然后 当 1ightoff 计时 结束 后 再 调用 一 次 。 但 是 , 使 用 of fTimer .Stop() 命 令 可 
以 防止 1ightoff 的 二 次 调用 : 


/ /如果 灯 还 亮 着 就 关闭 它 
public function lightOff (event:TimerEvent) { 
if (currentSelection != null) { 
currentSelection.gotoAndstop(1); 
currentSelection = null; 
offTimer.stop(); 


4.2.7 ”接收 并 检查 玩家 输入 


游戏 还 需要 最 后 函数 ， 即 重复 序列 时 ， 玩 家 单 击 Light 影 片 剪 辑 所 要 调用 的 国 数 。 
检查 ee 确保 playMode 的 值 为 "replay"。 如 果 不 是 , 玩家 则 不 应 单 击 灯 ， 
而 要 通过 return 命令 跳出 函数 。 
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说 明 


尽管 return 命令 通常 用 来 返回 因数 中 的 值 , 但 它 也 可 以 终止 没有 任何 值 要 返回 的 遂 数 。 
这 种 情况 下 , 只 写 入 return 一 个 单词 即 可 。 但 是 , 如 果 队 数 有 值 需要 返回 , 则 return 
后 面 要 跟 需 要 返回 的 值 。 




































































































































































假设 当前 为 replay 状态 ， 调 用 1ightoff 函数 来 关闭 之 前 还 未 关闭 的 灯 。 
接着 ， 进 行 比较 。repeatorder 数组 存储 playorder 数组 的 备份 。 通 过 shift 命令 移 除 
repeatOrder 数组 的 第 一 个 元 素 ， 并 将 其 与 被 单 击 灯 的 1ightNum 属性 进行 对 比 。 


说 明 


切记 ，shift 命令 移 除数 组 前 段 的 元 素 ， 而 pop 移 除 数组 未 端的 元 素 。 如 果 你 只 是 想 
测试 一 下 数组 中 的 第 一 个 元 素 而 非 移 除 它 ， 可 以 使 用 myArray [0]。 同 样 ， 可 以 通过 
myArray [myArray .length-1] 查 看 数组 中 的 最 个 元 亲 : 








































































































如 果 数 值 相 匹 配 ， 则 开启 这 八 灯 。 

随 着 repeatorgder 数组 中 的 元 素 被 不 断 地 从 前 端 移 除 并 进行 比较 , 该 数组 的 长 度 变 得 越 来 
越 短 。 当 repeatorder .1length 的 值 为 0 时 , 调用 nextTurn 函数 ,新 的 一 轮 开始 ， 同 时 序列 
元 素 增 加 。 

如 果 玩 家 选 错 了 灯 , 文本 消息 框 会 显示 游戏 结束 ,然后 改变 gameMode 的 值 , 不 再 响应 鼠标 
单 击 : 

// 接 收 灯 上 和 饼 标 单 击 事件 

public function clickLight (event:MouseEvent) { 


/7 播放 序列 时 阻止 鼠标 单 击 


if (gameMode != "replay") return; 











// 如 果 灯 没有 自动 关闭 的 话 ， 关 闭 它 
Tioghntoff(muLlly}y 


/ /正确 配对 
if (event.currentTarget.lightNum == repeatOrder.shift()) { 
lightOon(event.currentTarget .lightNum); 


/ /检查 序列 是 否 结 
if (repeatOrder.length == 0) { 
nextTurn(); 


} 


/ /检测 出 选 错 了 灯 

} else { 
textMessage.text = "Game Over!"; 
gameMode = "gameover"; 
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实际 上 ， 其 他 代码 不 会 用 到 gameMode 的 "gameover" 值 ， 因 为 它 的 值 不 为 "repeat"。 不 
过 ， 这 里 灯 不 会 响应 鼠标 单 击 事件 ， 而 这 正 是 我 们 所 希望 的 。 
最 后 是 闭合 类 和 包 结 构 的 大 括号 。 每 个 AS 包 文 件 都 要 用 大 括号 括 住 ， 不 然 游戏 无 法 编译 。 


4.2.8 修改 游戏 


在 第 3 章 开 始 部 分 ， 游 戏 运 行 在 主 时 间 轴 上 ， 与 本 章 中 的 示例 类 似 ;， 而 在 结尾 部 分 ， 游 戏 被 
放 入 到 一 个 影片 剪辑 中 ， 主 时 间 轴 则 用 来 处 理 游 戏 介绍 和 结束 画面 。 

这 里 , 我 们 也 可 以 这 么 做 。 或者, 也 可 以 将 函数 MemoryGame 重 命名 为 startGame。 这 样 ， 
startGame 函数 就 不 会 在 影片 初始 化 时 被 调用 。 











说 明 


如 果 你 想 要 将 此 游戏 扩展 为 多 帧 , 则 需要 将 类 前 面 的 extends Sprite 改 成 extends 
MovieClip。 因 为 Sprite 是 单 帧 影片 剪辑 ， 而 MovieClip 可 以 有 许多 帧 。 











我 们 可 以 在 影片 的 第 1 帧 上 放置 一 个 介绍 界面 ， 并 在 帧 上 写 入 stop 命令 ,再 添加 一 个 按钮 
来 发 布 play 命令 ， 使 影片 播放 至 第 2 帧 。 然 后 ， 在 第 2 帧 上 调用 startGame 函数 开始 游戏 。 

当 玩 家 游戏 失败 时 ， 可 以 不 显示 Game Over 信息 ,而 通过 *emovechila 命令 移 除 所 有 的 灯 
及 文本 信息 然后 跳 转 至 新 的 一 帧 。 

将 游戏 封装 至 一 个 影片 剪辑 中 ,或 在 第 2 帧 上 再 开始 游戏 , 这 两 种 方法 都 能 够 实现 更 完善 的 
游戏 。 

对 游戏 的 一 个 修改 是 使 第 一 轮 序 列 中 拥有 多 个 元 素 。 可 以 事先 为 playorder 新 增 两 个 随机 
元 素 ， 这 样 游戏 开始 时 ， 序 列 中 就 有 3 个 元 素 。 

另外 ,我 喜欢 修改 游戏 使 它 玩 起 来 更 简单 , 即 只 往 序 列 中 添加 与 前 一 个 元 素 不 一 样 的 新 元 素 。 
例如 ， 如 果 第 一 个 元 素 为 3， 那么 接 下 来 可 能 为 1、2、4 或 5。 不 重复 元 素 可 以 大 大 降低 游戏 的 








复杂 性 。 
可 以 通过 一 个 简单 的 while 循环 来 完成 上 述 修改 : 
do { 
var r:uint = Math.floor(Math.random()*numLights); 
} while (r == playOrder[playOrder.length-1]); 


同时 ， 还 可 以 加 快 序列 的 回放 速度 。 目 前 ， 序列 中 的 灯亮 间隔 1000 上 毫秒, 灯亮 500 毫秒 后 熄 
灭 。 因 此 ， 我 们 可 以 将 数值 1000 存储 于 一 个 变量 中 (如 1ightDelay)， 然 后 每 轮 减 少 20 毫秒 。 
计时 器 1ightTimet 中 的 时 间 即 为 变量 的 值 ， 而 计时 器 of fTimer 中 的 时 间 为 变量 值 的 一 半 。 

当然 ， 能 为 游戏 带 来 最 多 有 趣 变化 的 并 不 是 代码 的 改变 ， 而 是 图 形 的 修改 。 为 什么 这 些 灯 要 
排 成 一 条 直线 呢 ? 为 什么 他 们 要 看 起 来 一 模 一 样 呢 ? 甚至 为 什么 要 是 灯 呢 ? 
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试想 一 下 ,把 灯 换 成 一 群 种 类 各 不 相同 、 屿 藏 在 森林 里 的 鸣 禽 。 当 它们 放声 鸣叫 时 ， 你 不 仅 
要 记 住 是 由 哪 只 发 出 的 声音 ， 还 要 记 住 它 所 在 的 位 置 。 
4.3 推理 游戏 


源 文 件 
http://flashgameu.com 


A3GPU204_ Deduction.zip 





接 下 来 开始 介绍 另 一 款 经 典 游戏 。 和 配对 游戏 类 似 ， 推 理 游戏 (deduction game) 的 游戏 环 
境 也 很 简单 ， 甚 至 只 需要 铅笔 和 纸 。 不 过 在 没有 电脑 的 情况 下 ， 必 须要 有 两 个 玩家 ， 一 个 想 出 一 
组 颜色 的 随机 数列 ， 另 一 个 则 负责 猜 出 这 个 数列 。 


说 明 


Deduction 也 是 Mastermind 名 下 的 一 款 市 售 实 物 游戏 。 它 与 历史 悠久 的 Bulls and Cows( 猜 
数字 ) 游戏 类 似 ， 可 以 用 铅笔 在 纸 上 玩 。 它 还 是 密码 破解 游戏 里 最 简单 的 一 种 形式 。 


















































游戏 中 通常 有 5 个 随机 排列 的 灯泡 ， 每 个 灯泡 的 颜色 为 5 种 不 同 颜色 (如 红 绿 粉 黄 蓝 ) 中 的 
一 种 。 玩 家 应 当 猜 出 灯泡 所 在 的 位 置 ， 不 过 有 时 也 会 选择 不 猜测 一 个 或 多 个 位 置 。 因 此 ,玩家 可 
能 会 猜 : 红 红 蓝 赣 (不 猜 )。 

猜 的 过 程 中 ， 电 脑 会 返回 灯泡 正确 放置 的 个 数 ， 以 及 猜 中 颜色 的 正确 数 ， 尽 管 猜 中 颜色 的 灯 
泡 没 有 出 现在 正确 的 位 置 。 如 果 正 确 的 灯泡 序列 为 红 绿 蓝 黄 监 ， 玩 家 猜 出 : 红 红 蓝 蓝 〈 不 猜 )， 
则 返回 的 结果 为 2 个 灯泡 的 位 置 和 颜色 均 正 确 ，1 个 颜色 正确 位 置 不 正确 。 然 后 玩家 根据 这 两 则 
信息 进行 下 一 轮 的 猜测 。 好 的 玩家 可 以 在 10 次 内 猜 出 正确 的 结果 。 





说 明 


从 数学 的 角度 来 说 ， 任 意 随机 数列 都 可 以 在 5 次 内 猜 出 正确 结果 。 但 是 ， 这 需要 非常 续 密 
的 计算 。 可 以 在 Wikipedia (维基 百科 ) 中 搜索 Mastermind (board game) 进行 详细 了解。 






































































































































4.3.1 建立 影 
我 们 将 建立 比 记 忆 游 戏 更 为 时 尚 的 推理 游戏 。 游 戏 有 3 帧 ， 分 别 绘制 游戏 介绍 画面 、 游 戏 画 
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面 和 游戏 结束 画面 。 每 帧 以 简单 设计 为 主 ， 这 样 我 们 可 以 把 重点 放 在 ActionScript 的 编写 上 。 
0 4-4 所 示 ， 背 景 和 标题 贯穿 时 间 轴 的 三 帧 。 
第 1 帧 上 放置 了 一 个 按钮 。 我 已 经 在 库 中 创建 了 一 个 简单 的 BasicButton 按钮 显示 对 象 。 
按钮 本 身 并 不 带 文 字 ， 文 字 是 后 来 在 按钮 的 上 方 添加 的 ， 如 图 4-4 所 示 。 
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图 4-4 在 第 1 帧 上 绘制 背景 和 标题 并 使 其 贯穿 之 后 每 帧 。 
另外 ， 绘制 START 按钮 ， 使 其 只 出 现在 第 1 帧 


第 1 帧 上 的 脚本 使 影片 停止 ， 然 后 设置 按钮 接收 鼠标 单 击 事件 ， 按 钮 单 击 后 开始 游戏 : 

stop(); 

startButton.addEventListener (MouseEvent .CLICK,clickstart); 

function clickStart (event:MouseEvent) { 

gotoAndSstop("play"); 

} 

时 间 轴 上 ,第 2 帧 被 标注 为 play, 它 只 有 一 条 命令 , 即 在 影片 类 中 调用 我 们 创建 的 startGame 
国 数 。 


startGame (); 


然后 最 后 一 帧 被 标注 为 gameover, 并 有 一 个 与 第 1 帧 上 按钮 一 样 的 副本 ， 只 是 按钮 上 的 文本 
为 PlayAgain。 帧 上 的 脚本 也 与 第 1 帧 类 似 : 

playAgainButton.addEventListener (MouseEvent .CLICK,clickPlayAgain); 

function clickPlayAgain (event:MouseEvent) { 


gotoAndSstop ("play"); 
} 


除了 BasicButton 库 元 件 外 ,还 需要 两 个 按钮 ,首先 创建 一 个 名 为 DoneButton 的 小 按钮 。 
按钮 带 有 文本 ， 如 图 4-5 所 示 。 
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SS 
图 4-5 贯穿 游戏 的 DONE 按钮 与 游戏 中 的 灯泡 底座 等 高 


游戏 所 需 的 主要 元 素 为 Peg 影 斤 剪辑 。 它 不 仅仅 为 一 个 灯泡 元 件 。 它 由 连续 的 6 帧 组 成 : 第 
1 帧 显示 一 个 空 的 灯泡 底座 ， 基 余 5 帧 显示 5 种 不 同 颜色 的 灯泡 。 影 片 剪 辑 如 图 4-6 所 示 。 















































图 4-6 Peg 影片 剪辑 包含 一 个 空 的 灯泡 底座 ， 另 外 5 帧 绘制 不 同 颜色 的 灯泡 插 在 底座 上 
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主 时 间 轴 上 除了 背景 和 标题 外 再 无 其 他 元 素 。 所 有 的 游戏 元 素 均 由 ActionScript 创建 。 这 次 ， 
我 们 要 记录 每 一 个 游戏 元 素 对 象 ， 以 便 在 游戏 结束 时 将 它们 全 部 清除 。 


4.3.2 ”定义 类 


本 示例 中 的 影片 名 为 Deduction.fla, ActionScript 文件 为 Deduction.as。 因此 ,需要 在 Properties 
面板 中 将 文档 类 定义 为 Deduction ， 以 便 影 片 调用 AS 文件 。 

此 处 的 类 定义 要 比 记忆 游戏 的 类 定义 简单 得 多 。 首 先 , 我 们 不 需要 在 此 使 用 计时 器 ， 也 不 需 
要 用 到 任何 声音 。 因 此 , 只 需 导 入 flash.display、 flash.events 和 flash.text 类 , 其 中 ， 
flash.display 类 用 来 显示 并 控制 影片 剪辑 ，flash .events 类 用 来 响应 鼠标 单 击 事件 ， 最 后 
flash.text 类 用 来 创建 文本 字段 : 


package { 
import flash.display.*; 
import flash.events.*; 
import flash.text.*; 


声明 类 时 ,继承 Movieclip 而 不 是 Sprite。 因 为 游戏 影片 贯穿 三 帧 ， 而 非 一 帧 。Sprite 只 

允许 影片 使 用 一 帧 : 
public class Deduction extends MovieClip { 

此 游戏 中 ， 我 们 将 采用 大 量 的 常量 。 首 先 ， 定义 numPegs 和 numColors 常量 。 这 样 ， 我 
们 可 以 很 方便 地 修改 游戏 中 灯泡 序列 的 数量 及 颜色 。 

同时 , 还 要 设置 一 系列 常量 来 定义 灯泡 行 的 位 置 。 我 们 采用 水 平和 垂直 偏 移 量 来 设置 灯泡 行 
的 位 置 、 行 的 间距 及 灯泡 之 间 的 间距 。 这 样 , 我们 可 以 方便 地 根据 灯泡 的 大 小 及 周边 的 游戏 元 素 
来 布置 调整 灯泡 的 方位 : 











// 常 量 

static const numPpegs:uint = 5; 

static const numColors:uint = 5; 
static const maxTries:uint = 10; 
static const horizOffset:Number = 30; 
static const vertOffset:Number = 60; 
static const pegSpacing:Number = 30; 
static const rowSpacing:Number = 30; 


我 们 需要 通过 两 个 变量 来 记录 游戏 的 进程 。 第 一 个 变量 为 一 个 数组 ， 存 储 5 个 数字 (如 1、 
4、3、1、2) 来 记录 正确 的 序列 。 第 二 个 变量 为 turnNum， 记 录 玩 家 猜 的 次 数 : 
/ /游戏 变量 


private var solution:Array; 
private Var turnNum:uint; 


此 游戏 中 ， 我 们 将 记录 创建 的 每 一 个 对 象 。 当 前 的 灯泡 序列 存储 在 变量 currentRow 中 。 
位 于 每 行 灯泡 右边 的 文本 为 currentText 变量 。 同 时 ， 右 边 的 按钮 为 变量 currentButton。 
另外 ， 通 过 数组 变量 al1Displayobjects 记录 我 们 创建 的 每 一 个 元 素 : 
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// 引 用 显示 对 象 

private Var currentRow:Array; 

private Var currentText:TextField; 
private var currentButton:DoneButton; 
private var allDisplayObjects:Array; 


每 个 类 都 有 各 自 的 构造 函数 , 函数 与 类 具有 相同 的 名 称 。 然而 , 本 例 中 我 们 不 调用 构造 函数 。 
因为 游戏 不 是 从 第 1 帧 就 开始 执行 ， 而 是 等 待 玩家 单 击 Start 按钮 后 再 运行 。 因 此 ， 在 类 中 包含 
构造 函数 ， 但 不 写 入 任何 代码 : 


public function Deduction() { 


说 明 


是 否 写 入 空 的 构造 加 数 
数 内 写 点 什么 。 所 以 ， 














"自己 决定 。 我 发 现 ， 在 结束 整个 游戏 之 前 ， 通 常 要 在 构造 阴 
管 我 会 不 会 用 上 ， 我 都 会 在 创建 一 个 新 类 时 加 入 构造 函数 。 














村 



































说 田 

















4.3.3 ”开始 新 的 游戏 


新 游戏 开始 时 ， 主 时 间 轴 会 调用 函数 startGame 创建 一 个 5 个 灯泡 的 序列 ， 玩 家 要 猜 出 这 
个 序列 。 函 数 会 创建 一 个 solution 数组 ， 然 后 随机 添加 5 个 从 1 到 5 的 数字 。 
将 turnNum 变量 的 值 设 为 0。 然 后 ， 调 用 最 主要 的 函数 createPegRow: 


/ /创建 solution 数组 并 显示 第 一 行 灯泡 
public function startGame() { 
allDisplayObjects = new Array(); 
solution = new Array(); 
for(var i:uint=0;i<numPegs;i++) { 
// 随 机 添加 1~5 的 数字 
var r:uint = uint (Math.floor(Math.random()*numColors)+1); 
solution.push(r); 


} 
turnNum = 0; 
createPegRow(); 


1. 创建 一 行 灯泡 序列 

createPegRow 函数 用 来 创建 5 个 灯泡 以 及 灯泡 旁边 的 按钮 和 文本 , 每 新 的 一 轮 开 始 时 调用 
一 次 该 函数 。 

函数 首先 从 库 中 创建 5 个 Peg 对 象 的 副本 。 每 个 副本 根据 常量 pegSpacing、rowSpacing、 
horizoffset 和 vertoffset 的 值 被 放置 在 屏幕 中 。 并 且 每 个 副本 对 象 显示 其 第 1 帧 ， 即 空 插 
座 画 面 。 
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addEventListener 命令 使 每 个 Peg 对 象 都 能 对 鼠标 单 击 事件 作出 响应 。 同 时 ， 开 启 对 象 
的 buttonMode 属性 ， 这 样 ， 光 标 会 在 对 象 上 方 时 改变 形状 。 

每 个 灯泡 在 创建 时 都 会 添加 pegNum 属性 。 这 样 可 以 帮助 我 们 确定 被 单 击 的 灯泡 对 象 。 

使 用 aqadqchila 命令 将 灯泡 添加 至 屏幕 上 后 ， 对 象 会 同时 添加 至 allDisplayObjects 数 
组 中 。 接 着 ， 再 将 对 象 添加 至 currentRow 数组 ， 但 不 添加 对 象 本 身 ， 而 是 添加 带 有 peg 属性 
和 color 属性 的 对 象 。peg 属性 存储 影片 剪辑 引用 ，color 属性 通过 数字 定义 灯泡 的 颜色 。 


/ /创建 一 行 灯泡 ， 以 及 DONE 按钮 和 文本 字段 
public function createPegRow() { 











/ /创建 灯泡 ， 并 设 为 按钮 模式 

CurrentRow = new Array(); 

for(var i:uint=0;i<numPegs;i++) { 
Var newPeg:Peg = new Peg(); 
newPeg.x = i*pegSpacing+horizOffset; 
newPeg.y = turnNum*rowSpacing+vertOffset; 
newPeg.gotoAndstop (1); 
newPeg.addEventListener (MouseEvent .CLICK,clickPeg); 
newPeg.buttonMode = true; 
newPeg.pegNum = i; 
addChilgd (newPeg); 
allDisplayObjects.push (newPeg); 


// 以 对 象 数组 形式 记录 灯泡 
CurrentRow.push({peg: newPeg, color: 0});} 


} 
创建 完 5 个 灯泡 后 , 在 灯泡 右边 添加 DoneButton 影片 剪辑 的 一 个 副本 。 首先 , 检查 current- 
Button 按钮 是 否 已 经 存在 。 第 一 次 创建 灯泡 行 时 ， 程 序 没有 创建 按钮 ， 所 以 要 新 建 按 钮 并 将 其 
添加 至 有 舞台。 同时 ， 为 按钮 添加 一 个 事件 侦 听 器 ， 并 将 按钮 添加 至 a11DisplayObjects 数组 。 
按钮 的 水 平 位 置 取决 于 我 们 之 前 定义 的 常量 的 值 。 按 钮 放置 在 距离 最 后 一 个 灯泡 
pegSpacing 值 的 地 方 。 按 钮 第 一 次 创建 时 ， 只 需要 设置 其 x 坐标 值 即 可 ， 因 为 之 后 每 创建 一 行 
灯泡 ， 按 钮 向 下 移 至 新 创建 的 灯泡 旁边 。 按 钮 的 x 值 只 设置 一 次 ,而 y 值 在 每 次 调用 
createPegRow 国 数 时 设置 一 次 : 
// 如 果 还 没有 DONE 按钮 ， 创 建 它 
if (currentButton == null) { 
currentButton = new DoneButton(); 
currentButton.x = numPegs*pegSpacing+horizOffset+pegSpacing; 
currentButton.addEventListener (MouseEvent .CLICK,clickDone); 


addChild(currentButton); 
allDisplayObjects.push (currentButton); 








} 
/ /根据 灯泡 行 设置 DONE 按钮 方位 
currentButton.y = turnNum*rowSpacing+vertOffset; 

2. 添加 文本 字段 

按钮 设置 好 之 后 是 文本 字段 的 设置 。 将 它 设置 在 按钮 的 右边 ， 与 按钮 间隔 pegSpacing 的 
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值 加 上 currentButton 的 宽度 。 为 了 简便 起 见 ， 我 们 就 不 对 文本 使 用 特定 格式 。 
与 按钮 不 同 ,每 次 创建 一 行 灯泡 都 要 新 建 一 个 文本 字段 。 要 猜 出 正确 的 序列 ， 玩 家 需要 查看 
之 前 的 猜测 记录 及 结果 ， 然 后 不 断 推 测 。 





说 明 


类 的 开头 部 分 ，currentButton 被 定义 为 DoneButton 类 型 ,但 并 没有 被 赋值 。 当 
函数 第 一 次 使 用 这 个 变量 时 ， 其 值 为 nu11。 大 多 数 对 象 在 第 一 次 创建 时 都 会 被 设 为 
null。 但 是 ， 数 字 类 型 的 变量 初始 值 为 0， 不 能 设 为 null。 




























































































文本 字段 的 初始 文本 为 Click on the holes to place pegs and click DONE ( 单 击 黑 点 放置 灯泡 ， 
并 单 击 DONE 按钮 )。 然 后 ， 每 轮 结 束 后 ， 在 文本 字段 内 显示 猜测 的 结果 。 
// 在 灯泡 和 按钮 的 劳 边 创建 消息 文本 字段 


currentText = new TextField() : 

currentText.x = numPegs*pegSpacing+horizOffset+pegSpacing*2+currentButton.width; 
currentText.y = turnNum*rowSpacing+vertOffset; 

currentText .width = 300; 

currentText.text = "Click on the holes to place pegs and click DONE."; 
addChild(currentText); 

allDisplayObjects.push (currentText); 





} 
图 4-7 所 示 为 第 一 次 调用 createPegRow 函数 后 的 屏幕 显示 效果 。5 个 灯泡 的 旁边 为 一 个 按 
钮 ， 接 着 为 一 个 文本 字段 。 








Be Deduction.swf 





。 
Deduction 
四则 四 四 四 CB ckontheholes toplacepegsand click DONE. 














图 4-7 游戏 开始 后 ， 创 建 好 第 一 行 灯 泡 的 黑色 底座 ， 玩 家 开始 第 一 轮 猜测 
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4.3.4 检查 玩家 的 猜测 


单 击 灯泡 底座 时 ， 玩 家 可 以 不 断 地 单 击 循环 以 显示 灯泡 的 颜色 ， 如 果 单 击 的 次 数 合适 ， 最 后 
回 到 空白 的 黑色 底座 。 

通过 event .currentTarget .pegNum 的 值 可 以 确定 玩家 单 击 的 灯泡 对 象 。 我 们 会 获得 一 
个 索引 值 ， 并 通过 该 值 在 currentRow 数组 中 得 出 灯泡 对 象 color 和 peg 属性 的 值 。 





说 明 


颜色 的 值 由 数字 1~5 表示 ， 数 字 0 代表 无 灯泡 。 然 而 ， 影 片 况 辑 中 的 帧 从 1 开始 ， 因 此 ， 
帧 1 上 为 空 的 黑色 底座 , 帧 2~ 帧 6 绘制 5 种 不 同 颜色 的 灯泡 ,所 以 , 在 使 用 gotoAngdStop 
语句 查看 显示 对 象 的 颜色 时 ， 记 得 在 语句 内 加 1。 




























































































灯泡 的 颜色 存储 在 变量 currentcolor 中 ,该 变量 作为 临时 变量 在 当前 函数 中 使 用 。 如 果 
当前 值 小 于 颜色 的 数量 , 则 灯泡 对 象 继续 显示 下 一 种 颜色 。 如 果 最 后 一 种 颜色 也 显示 完了 , 灯泡 
对 象 回 到 最 初 的 空白 墨色 底座 ， 即 灯泡 影片 剪辑 的 第 1 帧 ; 

// 玩 家 单 击 一 个 灯泡 

public function clickPeg(event:MouseEvent) { 

// 确 定单 击 的 灯泡 及 颜色 
Var thisPeg:Object = currentRowlevent.currentTarget .pegNum]; 
Var currentColor:uint = thispeg.color; 


// 从 0~5 提 供 多 种 颜色 选择 
if (currentColor < numColors) { 
thisPeg.color = currentColor+l 
} else { 
thisPeg.color = 0; 
} 


/ /显示 灯泡 ， 或 显示 空白 黑色 底座 
thisPeg.peg.gotoAndStop (thisPeg.color+1) ; 
} 


游戏 过 程 中 , 玩家 会 逐个 单 击 当 前 行 的 5 个 黑色 底座 , 每 个 黑色 底座 每 单 击 一 次 出 现 一 种 颜 
色 的 灯泡 ,以 此 确定 玩家 自己 猜测 的 颜色 。 玩 家 根据 自己 的 猜测 操作 完 每 个 灯泡 后 , 单 击 DONE 
按钮 。 


4.3.5 评估 游戏 结果 


当 玩 家 单 击 DONE 按钮 时 ,程序 调用 clickDone 函数 ,此 函数 会 转 到 calculateProgress 
国 数 ; 

// 玩 家 单 击 DONE 按钮 

public function clickDone(event:MouseEvent) { 


calculateProgress (); 


. 
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calculateProgress 函数 所 要 做 的 是 比较 玩家 的 猜测 与 正确 答案 。 

我 们 主要 计算 numcourrectSpot 和 numCorrectColor 这 两 个 本 地 变量 的 值 。 计 算 
numCorrectSspot 的 值 相 对 容易 ， 只 需 循 环 灯泡 数组 ， 逐 个 将 玩家 所 选 的 灯泡 数组 与 正确 结果 
进行 对 比 。 如 果 有 相同 的 元 素 出 现在 相同 的 位 置 , 则 表示 玩家 猜测 正确 , numcorrectspot 加 1。 

然而 ，numcorrectcolor 的 计算 就 要 复杂 得 多 。 首 先 ， 忽 略 玩家 选 对 的 灯 移 ， 只 关注 那些 
没 选 对 的 灯泡 。 检 查 没 选 对 的 那些 灯泡 的 颜色 ， 看 是 否 与 正确 序列 中 的 其 他 颜色 相符 。 

一 种 比较 聪明 的 方法 是 记录 玩家 没 选 对 的 所 有 灯泡 的 颜色 。 同 时, 记录 那些 没 选 对 的 灯泡 应 
有 的 颜色 。 我 们 将 其 分 别 保 存 至 currentColorList 和 solutionColorList 数组 中 。 

这 两 个 数组 中 的 每 个 元 素 代表 每 种 颜色 找到 的 个 数 。 例 如 ， 如 果 没 选 对 的 灯泡 的 颜色 为 2 个 
红色 ( 记 为 颜色 0) 、1 个 绿色 ( 记 为 颜色 1) 和 1 个 蓝 色 〈 记 为 颜色 2)， 那 么 得 出 数组 [2,1,1,0,0]。 
2+1+1=4。 因 为 共有 5 个 灯泡 ， 而 数组 元 素 总 和 为 4， 所以， 我 们 猜 对 了 1 个 灯泡 ， 还 有 4 个 灯 
泡 需要 继续 猜 选 。 

如 果 [2,1,1,0,0] 代 表 玩 家 猿 错 的 灯泡 的 颜色 记录 ， 而 [1,0,1,2,0] 代 表 猿 错 的 灯泡 实际 的 颜色 记 
录 ， 那 么 将 两 个 数组 中 的 元 素 进 行 一 一 比较 ， 取 每 个 比较 的 较 小 值 ， 所 组 成 的 新 数组 [1,0,1,0,0] 
即 为 那些 错 放 灯 泡 的 颜色 和 数量 。 

我 们 一 个 一 个 颜色 看 过 来 。 第 一 个 数组 [2,1,1,0,0] 中 , 玩家 放置 了 两 个 红色 灯泡 , 但 是 在 第 二 
个 数组 [1,0,1,2,0] 中 ， 实 际 只 有 1 个 红色 灯泡 ， 所 以 2 与 1 相 比 取 较 小 值 1， 也 就 是 说 只 有 1 个 红 
色 出 现在 错误 的 位 置 。 玩 家 还 选择 了 1 个 绿色 ， 而 从 第 二 数组 来 看 ， 并 没有 绿色 ， 因 此 取 较 小 值 
0。 男 外 ,玩家 选择 了 一 个 蓝 色 ,而 且 确 实 需 要 1 个 蓝 色 ， 因 此 此 处 也 有 1 个 错 放 。 玩家 选择 了 0 
个 黄色 , 但 需要 2 个 黄色 , 玩家 选择 了 0 个 粉色 ,实际 上 也 不 需要 粉色 ， 所以， 数组 后 两 位 为 0。 
因此 ，1+0+1+0+0=2， 意 味 着 有 两 种 颜色 放 错 位 置 了 。 表 4-2 直观 演示 以 上 计算 过 程 。 


表 4-2 计算 错 放 的 灯泡 数量 
错 放 的 颜色 用 户 的 选择 正确 的 选择 错 放 的 灯泡 个 数 
2 1 1 
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1 0 0 
1 1 1 

黄 0 2 0 
0 0 0 
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粉红 
错 放 的 总 数 








除了 计算 选择 正确 的 灯泡 个 数 及 错 放 的 灯泡 数量 外 ， 还 要 通过 removeEventListener 命 
令 将 灯泡 的 buttonMode 属性 设 为 false ( 假 ) 来 关闭 灯泡 的 按钮 属性 : 











// 计 算 结果 
public function calculateProgress() { 
Var numCorrectSpot:uint = 0; 


Var numCorrectColor:uint = 0; 
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Var solutionColorList:Array = new Array (0,0,0,0,0); 
Var currentColorList:Array = new Array (0,0,0,0,0); 


// 循 环 遍 历 灯 泡 
for(var i:uint=0;i<numPegs;i++) { 


/ /此 处 灯泡 颜色 是 否 与 正确 序列 相符 呢 ? 


if (currentRow[i] Color 三 三 SOlUtion[i]) { 
numCorrectSpot++; 
} else { 


/ /不 相符 则 记录 此 颜色 ， 进 行 后 续 测试 
solutionColorList[solution[i]-1]++; 
currentColorList[currentRow[i].color-1]++; 





} 

// 关 闭 灯 泡 的 按钮 属性 

currentRow[il] .peg.removeEventListener (MouseEvent .CLICK,clickPeg); 
currentRow[i] .peg.buttonMode = false; 


} 


/ /计算 颜色 正确 的 灯泡 个 数 
for(i=0;i<numColors;i++) { 
numCorrectColor += Math.min(solutionColorList[il],currentColorList[i]); 


} 
现在 ， 我们 知道 了 比较 结果 ， 可 以 将 其 显示 在 之 前 出 现 指 示 文 本 的 文本 字段 内 : 
/ /显示 结果 


currentText .text = "Correct Spot: "+numCorrectSpot+", Correct Color: 
"+numCorrectColor; 


接着 , 增加 turnNum 并 检测 玩家 是 否 找到 正确 答案 。 如 果 找 到 了 ,， 则 转 到 gameOver 函数 。 
另外 ， 如 果 玩 家 尝试 了 一 定 次 数 后 都 没有 猜 出 正确 答案 ， 则 转 到 gameLost 国 数 。 
如 果 游 戏 没 有 结束 ， 调 用 createPegRow 函数 ， 继 续 下 一 轮 猜 测 : 


turnNum++; 


if (numCorrectSpot == numPegs) { 
gameOver () ; 
} else { 
if (turnNum == maxTries) { 
gameLost ();，} 
} else { 
createPegRow(); 


} 


4.3.6 ”结束 游戏 


如 果 玩 家 猜 出 了 正确 答案 ， 我 们 要 告诉 玩家 游戏 结束 。 然 后 ， 在 游戏 界面 中 新 建 一 行 。 当 
前 这 轮 游戏 结束 时 ， 我 们 不 需要 再 显示 正确 的 序列 ， 因 为 玩家 结束 游戏 的 序列 即 为 正确 答案 。 
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4-8 所 示 为 结束 后 的 游戏 画面 。 
(AoNS) Deduction.swf 


Deduction 


Correct Spot: 1,Correct Color: 0 





Correct Spot 0, Correct Color: 2 
Correct Spot 3, Correct Color: 0 
Correct Spot 3,Correct Color: 1 
Correct Spot 2.Correct Color: 3 
Correct Spot: 2.Correct Color: 3 


Correct Spot 3, Correct Color: 0 


COVOOOOS 
SEOOOOH© 
SEO 
SS © 


© 

© 

2 
网 
多 
网 
2 
9 


Correct Spot 5,Correct Color: 0 


You got it! 








图 4-8” 当 玩家 找 出 正确 序列 时 ， 游 戏 结束 





1. 显示 玩家 胜利 

新 建 的 行 需要 包括 已 有 的 按钮 元 件 和 一 个 新 创建 的 文本 字段 。 按 钮 元 件 被 重新 设置 来 触发 
clearGame 函数 。 旁 边 的 文本 字 眉 显示 “You Got It” (你 猜 对 了 1)。 我 们 要 将 它们 与 其 他 游戏 
元 素 一 样 添加 至 al1Displayobjects 数组 : 


/ /玩家 找 出 正确 数组 

public function gameOver() { 
/ /修改 按钮 事件 
currentButton.y = turnNum*rowSpacing+vertOffset; 
currentButton.removeEventListener (MouseEvent .CLICK,clickDone); 
currentButton.addEventListener (MouseEvent .CLICK,clearGame); 


// 在 灯泡 和 按钮 劳 边 创建 文本 字段 

currentText = new TextField() : 

currentText.x = numPegs*pegSpacing+horizOffset+pegSpacing*2+currentButton.width; 
currentText.y = turnNum*rowSpacing+vertOffset; 

currentText .width = 300; 

CurrentText.text = "You got itl™y 

addCchild(currentText); 

allDisplayObjects.push (currentText); 








} 
2. 显示 玩家 失败 
gameLost 函数 与 gameOver 国 数 类 似 。 主 要 的 区 别 是 ，gameLost 函数 要 创建 最 后 一 行 灯 
泡 ， 为 迷惑 的 玩家 显示 正确 的 答案 。 图 4-9 显示 了 此 时 的 游戏 画面 。 
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Be Deduction.swf 


Deduction 


Correct Spot 0.Correct Color: 0 
Correct Spot 0, Correct Color 1 
Correct Spot 0, Correct Color: 1 
Correct Spot 1, Correct Color 2 
Correct Spot 1,Correct Color 3 
Correct Spot 1,Correct Color: 2 
Correct Spot 2,Correct Color: 1 


Correct Spot 0, Correct Color: 1 





Correct Spot: 1, Correct Color: 1 


Correct Spot 1,Correct Color: 3 


2 
2 
2 
网 
S 
© 
2 
6 
2 
2 
© 


You ran out of guesses! 





图 4-9 玩家 用 完了 可 猜 的 次 数 


新 创建 的 答案 灯泡 不 需要 设置 按钮 属性 。 但 是 ， 这 些 灯泡 要 显示 出 正确 的 颜色 序列 。 
另外 ， 此 时 的 DONE 按钮 被 改 为 调用 clearGame 函数 ,与 gamover 国 数 中 的 做 法 一 样 。 
同时 ， 新 创建 一 个 文本 字段 ， 显 示 “You ran out of guesses1” (你 用 完了 可 猜 次 数 )。 


// 玩 家 可 猜 次 数 用 完了 

public function gameLost () { 
/ /修改 当 前 按钮 
currentButton.y = turnNum*rowSpacing+vertOffset; 
currentButton.removeEventListener (MouseEvent .CLICK,clickDone); 
currentButton.addEventListener (MouseEvent .CLICK,clearGame); 


// 在 灯泡 和 按钮 的 旁边 创建 文本 字段 

currentText = new TextField() : 

currentText .x = numPegs*pegSpacing+horizOffset+pegSpacing*2+currentButton.width; 
currentText.y = turnNum*rowSpacing+vertOffset; 

currentText .width = 300; 

currentText.text = "You ran out of guesses!"; 

addChild(currentText); 

allDisplayObjects.push (currentText); 


/ /创建 最 后 一 行 灯 泡 ， 显 示 正 确 答案 

CurrentRow = new Array(); 

for(var i:uint=0;i<numPegs;i++) { 
Var newPeg:Peg = new Peg();} 
newPeg.x = i*pegSpacing+horizOffset; 
newPeg.y = turnNum*rowSpacing+vertOffset; 
newPeg.gotoAndSstop(solution[i]+1); 
addChild (newPeg); 
allDisplayObjects.push (newPeg); 
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当前 游戏 结束 时 ，DONE 按钮 仍然 在 屏幕 的 最 后 一 行 。 单 击 该 按钮 ,玩家 将 被 带 到 主 时 间 轴 
的 游戏 结束 界面 ， 在 这 里 ,玩家 可 以 选择 重新 开始 游戏 。 但 是 ,在 转向 结束 界面 之 前 ， 我 们 先 要 
清除 舞台 上 所 有 的 游戏 元 素 。 


4.3.7 ”清除 游戏 元 素 


清除 舞台 上 的 显示 对 象 需要 多 个 步骤 ,而 allDisplayobjects 数组 大 大 简化 了 这 一 过 程 。 
我 们 所 创建 的 每 一 个 显示 对 象 ， 不 管 它 是 影片 剪辑 、 按 钮 还 是 文本 字段 ， 都 在 其 创建 时 被 添加 
至 该 数组 中 。 现 在 ， 我 们 可 以 通过 循环 遍历 该 数组 ， 使 用 removechila 命令 将 它们 一 一 从 屏 
幕 中 移 除 。 
// 移 除 所 有 元 素 转向 游戏 结束 界面 
public function clearGame (event:MouseEvent) { 
// 移 除 所 有 显示 对 象 


for(var i in allDisplayObjects) { 
removeChild(allDisplayObjects[i]); 





由 
即使 对 象 都 没有 显示 在 屏幕 上 , 它们 仍然 存在 , 等 待 adadchila 命令 将 它们 一 一 再 显示 在 舞 
台 上 。 若 要 彻底 清除 它们 ， 我 们 需要 移 除 所 有 对 对 象 的 引用 。 我 们 在 很 多 地 方 引 用 了 这 些 对 象 ， 
包括 allDisplayobjects 数组 。 如 果 我 们 将 此 数组 设 为 null1， 并 将 currentText 、 
currentButton 和 currentRow 变量 通通 设 为 nul1， 和 那么 ， 程 序 中 不 再 有 变量 引用 那些 显示 


对 象 ， 显 示 对 象 被 彻底 清除 。 








说 明 


当 你 移 除 掉 一 个 显示 对 象 的 所 有 引用 后 ， 这 个 对 象 会 被 认为 可 以 进行 “垃圾 回收 ”， 也 就 
是 说 ，Flash 可 以 随时 从 内 存 中 删除 这 些 对 象 。 因 为 这 些 对 象 没有 了 5| 用 ， 并 且 就 算 你 想 
引用 也 无 法 使 用 ， 你 可 以 认为 这 些 对 象 已 经 被 删除 。Flash 不 会 立即 从 内 存 中 删除 这 些 对 
象 ， 因 为 这 样 会 浪费 时 间 ， 通 常 一 段 时 间 过 后 ， 当 它 有 一 些 空余 处 理 空间 时 才 执 行 删 除 。 

































































































































































































































































// 将 对 显示 对 象 的 所 有 引用 设 为 null 
allDisplayObjects = null; 
currentText = nulls 
currentButton = null; 
currentRow = null; 


最 后 , clearGame 国 数 告诉 主 时 间 轴 可 以 转向 "gameovetr" 帧 。 玩 家 可 以 看 到 该 帧 上 有 一 个 
Play Again 按钮 。 所 有 显示 对 象 移 除 后 ， 玩 家 可 以 以 新 的 游戏 元 素 开 始 新 游戏 : 
// 告 诉 主 时 间 轴 移 至 下 一 帧 


MovieClip (root) .gotoAndStop ("gameover"); 
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对 于 能 够 被 清除 并 重新 开始 、 基 于 主 时 间 轴 的 游戏 来 说 ，clearGame 函数 是 至 关 重 要 的 。 
与 第 3 章 配对 游戏 的 做 法 相 比 ， 两 种 方式 似乎 得 到 一 样 的 结果 : 都 可 以 确保 玩家 第 二 次 开始 游戏 
时 ， 所 有 的 游戏 元 素 都 像 是 重新 创建 的 ， 与 第 一 次 玩 游戏 时 一 样 。 

但 是 , 第 3 章 所 采用 的 方式 更 易于 实现 ， 因 为 游戏 转 至 游戏 结束 帧 时 ， 所 有 的 显示 对 象 都 立 
刻 伴随 着 影片 剪辑 一 些 消 失 。 


4.3.8 修改 游戏 


与 记忆 游戏 类 似 , 一 些 好 的 推理 游戏 都 是 基于 图 形 的 。 你 可 以 采用 任何 其 他 对 象 来 代替 灯泡 ， 
甚至 可 以 融入 一 个 故事 来 串 起 这 些 游戏 元 素 。 例 如 ,你 可 以 把 猜 灯 钨 换 为 在 冒险 游戏 中 开启 保险 
箱 或 打开 一 启 门 。 

因为 程序 中 采用 了 常量 ， 所 以 我 们 可 以 很 方便 地 修改 游戏 ， 使 玩家 拥有 更 多 的 猜测 次 数 ， 或 
猜测 更 多 或 更 少 的 灯泡 或 颜色 ,或 其 他 组 合 。 如 果 你 想 增加 猜测 的 次 数 ， 可 以 减 小 行距 或 增加 舞 
台 高 度 。 

最 后 ， 为 完善 这 个 游戏 ， 我 会 先 通过 一 个 TextFormat 对 象 对 文本 字段 进行 格式 化 。 然 后 
在 游戏 介绍 界面 添加 一 些 游戏 指南 。 游 戏 开始 帧 上 的 Restart 按钮 允许 玩家 随时 开始 新 一 轮 游戏 。 
它 会 调用 clearGame 函数 移 除 屏幕 上 所 有 对 和 象 并 转 问 游 戏 结束 帧 。 

若 要 将 此 游戏 做 得 更 像 Mastermind 游戏 ， 你 需要 将 文本 字段 替换 为 黑色 灯泡 和 白色 灯泡 。 























意味 着 猿 出 两 个 正确 的 灯泡 ， 一 个 灯泡 颜色 正确 但 位 置 错误 。 








游戏 动画 : 射击 游戏 和 弹跳 游戏 


本 章 内 容 

口 游戏 动画 
口 空袭 游戏 
口 弹 球 游戏 





到 目前 为 止 , 我 们 所 开发 的 游戏 中 元 素 都 是 静止 的 ， 它们 虽然 会 发 生变 化 也 可 以 接收 用 户 输 
入 ， 却 不 会 移动 。 

本 章 ， 我 们 将 学 习 动 画 形式 的 游戏 元 素 ， 有 些 由 玩家 控制 ， 有 些 则 有 自己 的 行为 方式 。 

我 们 首先 会 看 一 些 动画 示例 ， 然 后 建立 两 个 游戏 。 第 一 个 是 空袭 游戏 (Air Raid) ， 这 是 一 
个 通过 控制 高 射 炮 来 击落 飞 过 头顶 飞机 的 简单 游戏 。 第 二 个 是 弹 球 游戏 (Paddle Ball) ， 游 戏 中 
你 可 以 通过 控制 挡 板 将 球 弹 向 上 方 的 砖 块 堆 ， 被 球 击 中 的 砖 块 会 消失 。 


5.1 ”游戏 动画 


源 文件 
http://flashgameu.com 


A3GPU205_Animation.zip 


第 2 章 中 , 我们 主要 讲 了 两 种 动画 类 型 : 基于 帧 的 动画 和 基于 时 间 的 动画 。 而 在 本 章 中 , 我 
们 仅 使 用 基于 时 间 的 动画 类 型 ， 因 为 它 最 为 可 靠 ， 实 现 的 效果 也 最 佳 。 
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5.1.1 基于 时 间 的 动画 


基于 时 间 的 动画 的 基本 思想 是 ， 以 恒定 的 速率 移动 对 象 ， 而 不 考虑 Flash 播放 器 的 性 能 。 
每 帧 运动 一 次 ， 我 们 称 之 为 一 步 。 因 此 ，12 帧 每 秒 的 帧 频 意 味 着 12 步 每 秒 。 尽 管 每 帧 都 有 
动画 形式 的 动作 ， 但 这 并 不 是 基于 帧 的 动画 ， 因 为 我 们 是 基于 时 间 来 确定 每 步 动 作 的 大 小 的 。 
每 一 步 ， 我 们 会 计算 它 与 上 一 步 之 间 的 时 间 。 然 后 ， 根 据 这 个 时 间 差 来 移动 游戏 元 素 。 
如 果 完 成 第 一 步 花费 了 84 ms， 第 二 步 花费 了 90 ms， 那 么 我 们 在 第 二 步 中 把 元 素 移动 得 比 
在 第 一 步 中 稍 远 一 些 。 
图 5-1 给 出 了 采用 基于 时 间 的 动画 方法 处 理 三 帧 动作 的 结果 。 
















Frame 3 





Distance: 400 
Time: 1000ms 





Frame 2 
Distance: 297 
Time: 740ms 


Frame 1 





Distance: 127 
Time: 317ms 


Frame 0 





Distance: 0 
Time: Oms 


图 5-1 在 不 管 帧 速 的 情况 下 ， 物 体 在 1s 内 移动 了 400 像素 
假设 图 5-1 中 的 对 象 在 1 s 内 移动 了 400 像素 ， 影 片 的 帧 频 设 为 较 低 的 4 帧 每 秒 。 为 增加 问 
题 的 复杂 性 ,考虑 电脑 处 于 未 响应 状态 (如 正在 处 理 其 他 应 用 或 网 络 活动 )。 此 时 不 能 产生 均 勺 
的 帧 频 即 每 秒 钟 不 能 生成 4 帧 。 
































说 明 
采用 基于 时 间 的 动画 形式 开发 时 ， 在 测试 的 时 候 经 常 变换 影片 的 帧 频 是 很 有 用 处 的 。 我 



























































常常 将 帧 频 在 12 帧 / 秒 和 60 帧 / 秒 两 者 之 间 来 加 变换。 这 么 做 ， 是 希望 影片 在 60 帧 / 秒 时 
获得 不 错 的 播放 效果 ， 而 在 12 帧 / 秒 时 也 可 以 获得 一 样 的 播放 效果 。 

第 1 帧 完成 及 ENTER_FRAME 事件 触发 代码 中 的 动画 遂 数 共用 去 317 ms。 在 4 帧 每 秒 的 
帧 频 下 ， 每 帧 只 能 用 去 250 ms。 因 此 ， 此 时 的 帧 频 已 经 滞后 了 。 











































































































根据 完成 第 1 帧 用 去 的 时 间 317 ms, 我 们 可 以 计算 出 对 象 实际 应 该 移动 127 像素 , 即 400 像 
素 / 秒 x0.317s。 因 此 ， 在 第 1 帧 ， 对 象 刚好 出 现在 它 需 要 在 的 地 方 。 
第 2 帧 花费 的 时 间 更 长 ， 需 要 423 ms。 前 两 帧 相 加 ， 将 对 象 移出 297 像素 共 需 要 740 ms。 
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然后 ， 本 案例 的 最 后 一 帧 还 需 花费 260ms。 此 时 ， 时 间 刚 好 为 1000 ms， 对 象 移动 的 距离 为 


400 像素 。 虽 然 影片 没有 按 恒定 的 帧 频 运 行 ， 且 不 能 每 秒 执行 4 帧 ， 但 是 在 1 s 以 后 ， 对 象 移动 
了 400 像素 。 


如 果 按 帧 来 执行 ， 每 帧 移动 100 个 像素 ,那么 ， 上 述 情况 只 会 执行 3 帧 ， 对 象 只 移动 300 像 
素 。 如 此 一 来 , 在 保证 电脑 能 够 以 4 帧 每 秒 的 帧 频 播放 影片 的 前 提 下 ，, 换 台 电脑 或 用 相同 电脑 在 
不 同时 间 播 放 影 片 会 得 到 不 同 的 播放 效果 。 


5.1.2 ”基于 时 间 动 画 的 编程 


基于 时 间 动 画 的 编程 的 关键 是 记录 时 间 。 通过 getTimer 函数 , 你 能 获得 从 影片 开始 播放 到 
当前 时 间 的 毫秒 数 。getTimer 的 实际 值 并 不 重要 ， 重 要 的 是 帧 与 帧 之 间 的 时 间 差 。 

例如 ,你 的 影片 可 能 需要 567 ms 来 初始 化 并 将 元 素 显示 在 屏幕 上 。 第 1 帧 在 影片 播放 至 567 ms 
时 执行 ， 第 2 帧 在 629 ms 时 执行 。 时 间 差 为 62 ms， 我 们 据 此 确定 对 象 在 第 1 帧 上 的 移动 距离 。 

影片 文件 AnimationTest.fla 中 包含 了 一 个 简单 的 圆 形 影 片 剪辑 ， 用 来 演示 基于 时 间 的 动画 。 
AnimationTest.as 被 作为 影片 剪辑 的 主 脚本 文件 ，AnimatedObject.as 为 影片 剪辑 的 类 。 

AnimatedObject 类 通过 构造 函数 接收 参数 ， 这 意味 着 在 创建 新 的 Animatedqobject 对 象 
时 ， 必 须 如 下 传人 参数 : 

var myAnimatedObject:AnimatedObject = new AnimatedObject(100,150,5,-8); 

代码 中 的 4 个 参数 分 别 代 表 影 片 剪 辑 的 水 平方 位 、 垂 直方 位 、 水 平 速度 和 垂直 速度 。 

以 下 为 类 声明 、 变 量 声明 和 Animatedobject 国 数 。 在 以 下 代码 中 可 以 看 到 这 4 个 参数 ， 
它们 分 别 被 简单 定义 为 x、y、dx、dy: 

package { 

import flash.display.*; 


import flash.events.*; 
import flash.utils.getTimer; 














public class AnimatedObject extends MovieClip { 
private var speedx，speedY:Numbpber; // 当 前 速度 ， 单 位 为 像素 每 秒 
private var lastTime:int; // 记 录 最 后 一 帧 的 时 间 


public function AnimatedObject (x,y,dx,dy) { 


/ /设置 对 象 的 方位 和 速度 
世人 
this.y = Y; 
speedx = dx; 
speedY = dy; 


lastTime = getTimer (); 
// 每 帧 移动 一 次 
addEventListener (Event .ENTER_FRAME, moveObject); 
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说 明 


用 dx 和 dy 分 别 存 储 “x 的 增 量 ”和 “y 的 增 量 ”是 非常 常见 的 做 法 。 本 章 及 后 面 的 章 
节 都 会 这 么 定义 这 两 个 变量 。 




















国 数 接收 并 应 用 这 4 个 参数 。 前 两 个 参数 用 来 定位 影片 剪辑 ， 后 两 个 参数 的 值 存储 在 变量 
speedx 和 speedY 

接着 ,1astTime 变量 被 初始 化 为 getTimer () 函数 的 当前 值 ,最 后 , 侦 听 器 addEventListener 
使 函数 moveObject 函数 每 帧 执行 一 次 。 

moveObject 国 数 会 首先 计算 已 播放 的 时 间 ， 然 后 将 其 赋值 给 lastTime 变量 。 接 着 , 根据 
timePassed 变量 计算 需要 移动 的 距离 。 








说 明 


用 lastTime 值 加 上 timePassed 值 的 好 处 是 ， 可 以 确保 动画 过 程 中 没有 时 间 遗 失 。 
如 果 直 接 在 每 一 步 中 将 getTimer ( ) 的 值 赋予 lastTime, 那么 在 计算 timePassed 
的 值 和 设置 lastTime 的 值 之 间 可 能 会 漏 掉 一 小 段 时 间 。 















































































































































因为 timePassed 的 值 是 以 毫秒 为 单位 的 ， 所 以 我 们 需要 首先 将 其 除 以 1000 以 得 到 确切 的 
秒 数 ， 然 后 再 去 乘 以 speedx 和 speedY。 例 如 ， 如 果 timePassed 的 值 为 100， 则 有 100/1000 
即 0.1s。 如 果 speedx 的 值 为 23， 则 对 象 向 右 移 动 23 x 0.1 即 2.3 像素 : 


/ /根据 设 定 的 速度 移动 
public function moveObject (event:Event) { 
// 获 取 已 播放 的 时 间 
Var timePassed:int = getTimer() - lastTime; 


lastTime += timePassed; 


/ /根据 速度 和 时 间 更 新 对 象 的 位 置 
this.x += speedx*timePpassed/1000; 
this.y += speedY*timePpassed/1000; 


测试 Animatedobject 类 的 一 个 简单 方法 是 ， 增 加 一 个 如 下 的 主 影片 类 : 


package { 
import flash.display.*; 
public class AnimationTest extends MovieClip { 


public function AnimationTest() { 
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var a:AnimatedObject = new AnimatedObject(100,150,5,-8); 
addchild(a); 


} 
} 


以 上 代码 创建 了 一 个 新 影片 剪辑 ,其 初始 位 置 为 (100, 150)， 并 以 每 秒 水 平方 向 5 像素、 垂直 
方向 -8 像素 的 速度 移动 。 通 过 animateaobject 对 象 ， 我 们 只 需 两 行 代码 就 可 在 舞台 上 创建 出 
一 个 移动 的 对 象 。 

测试 Animatedobject 类 的 一 个 更 好 的 方法 是 ， 在 影片 中 添加 多 个 对 象 ， 让 它们 朝 随 机 方 
向 运行 。 以 下 为 按 此 方式 编写 的 主 影片 类 : 

package { 

import flash.display.*; 








public class AnimationTest extends MovieClip { 


public function AnimationTest() { 
// 在 随机 的 位 置 创建 50 个 对 象 ， 为 它们 设 定 随机 的 速度 
for (var i:uint=0;i<50;i+t++) { 
var a:AnimatedObject = 
new AnimatedObject (Math.random()*550, 
Math.random()*400, getRandomSpeed(), 
getRandomSpeed ()); 
addCchild(a); 


} 


/ /获取 70~100 的 随机 正 向 或 负 向 速度 

public function getRandomSpeed() { 
Var speed:Number = Math.random()*70+30; 
if (Math.random() > .5) Speedq *= -1; 
return speed; 


} 

在 以 上 类 文件 中 , 我 们 创建 了 一 个 新 的 Animatedobject 对 象 , 它 具 有 随机 的 位 置 和 速度 。 
对 象 的 随机 位 置 由 函数 Math.random 得 出 。 而 对 于 对 象 的 随机 速度 ， 我 是 通过 一 个 独立 的 函数 
来 返回 一 个 70~100 的 正 数 或 负数 。 这 么 做 是 为 了 防止 对 象 朝 一 个 方向 以 近乎 0 的 速度 移动 。 
图 5-2 展示 了 影片 第 一 次 运行 的 情况 。 对 象 零乱 的 排列 在 屏幕 中 。 

可 以 修改 此 类 ,为 其 添加 一 些 有 趣 的 效果 。 例 如 ， 如 果 使 所 有 对 象 的 初始 位 置 相 同 ， 就 可 以 
得 到 爆炸 效果 。 

同样 ， 可 以 修改 所 创建 对 象 的 数量 及 影片 的 帧 频 ， 来 测试 电脑 是 如 何 响应 如 此 高 负载 动画 。 


现在 ， 我 们 在 一 个 拥有 3 种 动画 对 象 的 游戏 中 采用 这 种 方式 。 
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图 5-2” AnimationTest 影片 的 舞台 上 显示 了 50 个 随机 对 象 


5.2 ”空袭 游戏 


源 文件 
http://flashgameu.com 


A3GPU205_AirRaid.zip 


空袭 游戏 (Air Raid) 与 许多 早期 的 街机 游戏 类 似 ， 多 以 海战 为 题材 ， 玩 家 扮演 潜水 艇 指挥 
官 ， 负 责 射击 海面 上 的 敌 船 。 最 早 的 这 类 游戏 很 有 可 能 是 Sea Wolf ( 海 狼 )。 在 该 游戏 中 ， 玩 家 
可 以 通过 仿制 的 湾 望 镜 来 瞄准 敌人 。 它 实际 上 是 Periscope ( 潍 望 镜 )、Sea Raider ( 海 完 ) 和 Sea 
Devil ( 海 魔 ) 等 电子 竞技 游戏 的 视频 游戏 版 。 








说 明 


海军 鱼雷 游戏 在 嘻 期 的 电脑 游戏 中 是 相对 比较 容易 实现 的 ， 因 为 船 和 鱼雷 的 移动 速度 比 
飞机 和 炮弹 慢 得 多 。 















































在 空袭 游戏 中 , 玩家 通过 键盘 的 方向 键 控制 屏幕 底部 的 高 射 炮 。 玩 家 坚 直 向 上 对 过 往 的 飞机 
开火 并 试图 用 有 限 的 炮弹 击 中 尽 可 能 多 的 飞机 。 


5.2.1 影片 设置 和 配置 


此 游戏 通过 多 类 创建 再 好 不 过 了 。 我 们 至 少 要 用 到 3 个 不 同 的 对 象 : 飞机, 移动 炮台 和 炮弹 。 
通过 为 每 个 对 象 创建 一 个 类 ， 我 们 可 以 一 步 步 建立 这 个 游戏 ， 然 后 对 每 个 对 象 进行 特定 编码 。 


134 第 5 章 游戏 动画 ; 射击 游戏 和 弹跳 游戏 





我 们 需要 3 个 影片 剪辑 来 配合 这 3 个 类 。AAGun 和 Bullet 影 
剪辑 含有 多 个 帧 ， 分 别 绘制 不 同样 式 的 飞机 。 图 5-3 给 出 了 
含 了 一 个 在 飞机 被 击 中 时 使 用 的 爆炸 图 形 。 


除了 AAGun.as、Airplane.as 和 Bullet.as 这 3 个 类 文件 之 外 ， 
件 ，AirRaid.as。 


剪辑 均 只 有 一 帧 。 而 Airplane 
影片 剪辑 。 第 6 帧 到 最 后 一 帧 


我 们 还 需要 一 个 影片 的 主 类 文 
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司 总 名 |1 和 器 曙 [3 wp 09 区 























图 5-3 Airplane 影片 剪辑 有 5 个 不 同 的 飞机 ， 一 帧 显示 一 个 





5.2.2 飞行 中 的 飞机 


飞机 的 ActionScript 类 在 结构 上 和 本 章 前 面 的 Animatedobject 类 没有 多 大 的 不 同 。 它 在 构 
造 函 数 里 接收 一 些 参 数 来 确定 飞机 的 初始 位 置 和 飞行 速度 。 它 通过 时 间 来 记录 帧 之 间 的 时 间 差 ， 
通过 ENTER_FRAME a 进 动 画 。 


1. 类 的 声明 和 变 
以 下 代码 为 类 定义 和 类 所 用 的 变量 。 因为 飞机 只 会 横向 飞行 ， 它 只 需要 水 平 速度 dx 


package { 
import flash.display.*; 
import flash.events.*; 
import flash.utils.getTimer; 


























public class Airplane extends MovieClip { 
private var dx:Number; // 速 度 和 方向 
private var lastTime:int; // 动 画 时 间 





2. 构造 函数 

构造 国 数 接收 3 个 参数 :side、 speed 和 altitude,。 参数 side 的 值 为 "left" 或 "right"， 
而 这 取决 于 飞机 从 屏幕 的 哪 一 边 飞 出 。 

参数 speed 用 来 为 ax 赋值 。 如 果 飞 机 从 屏幕 的 右边 飞 出 ,自动 在 速度 前 面 放 一 个 负 号 。 所 
以 , 一 架 从 左 到 右 、speed 为 80 的 飞机 的 ax 值 为 80, 而 一 个 从 右 到 左 、speed 为 80 的 飞机 的 
dx 值 为 -80。 

altitude 是 一 个 花哨 的 名 字 , 实际 上 指 的 是 飞机 垂直 方位 。 值 0 代表 屏幕 顶端 , 值 50 代表 
顶端 以 下 50 像素 的 地 方 ， 依 此 类 推 。 

除了 设置 位 置 和 ax 外 ， 我 们 还 需要 调转 飞机 ， 使 它 面 朝 正 确 的 方向 。 我 们 可 以 通过 将 影 
剪辑 的 scalex 属性 值 设 为 -1， 调 转 飞 机 的 图 片 。 

记 住 ， 影 片 剪辑 有 5 帧 ， 每 一 帧 代表 一 张 不 同 的 飞机 图 像 。 我 们 使 用 gotoAndstop 命令 随 
机 跳 转 至 从 1 到 5 的 某 帧 上 


public function Airplane(side:String, speed:Number, altitude:Number) { 
i (Bide 三 三 "Left ey F 
this.x = -50; // 从 左边 开始 
dx = speed; // 从 左 向 右 飞 
this.scaleX = -1; // 调 转 
} else if (side == "right") { 
this.x = 600; // 从 右边 开始 
dx = -speed; // 从 右 向 左 飞 
this.scaleX = 1; // 不 调转 














this.y = altitude; // 重 直方 位 


// 随 机 选 一 架 飞机 
this.gotoaAndStop (Math.floor (Math.random()*5+1)); 


// 设 置 动画 
addEventListener (Event .ENTER_FRAME,movePlane); 
lastTime = getTimer(); 


’ 

Airplane 图 数 通过 设置 事件 计时 器 和 初始 化 lastTime 属性 来 结束 函数 ， 与 我 们 在 
AnimatedOobject 类 中 的 做 法 类 似 。 

3. 移动 飞机 

movePlane 国 数 先 计算 经 过 的 时 间 ， 然 后 根据 这 一 时 间 和 飞机 的 速度 来 移动 飞机 。 

接着 ， 检 查 飞 机 是 否 已 经 《过 了 屏幕 。 如 果 是 的 话 ， 调 用 deletePlane 国 数 : 

public function movePlane (event:Event) { 

// 获 取经 过 的 时 间 


Var timePassed:int = getTimer()-lastTime; 
lastTime += timePassed; 





/ /移动 飞机 
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this.x += dx*timePassed/1000; 


/ /检查 是 否 飞 过 了 屏幕 

if ((dx < 0) && (x < -50)) { 
deletePlane(); 

} else if ((dx > 0) && (x > 600)) { 
deletePlane(); 

}) 


} 

4. 移 除 飞机 

deletePlane 是 某 种 意义 上 的 自我 清理 函数 。 你 会 在 下 一 个 代码 块 中 看 到 这 个 函数 。 它 通 
过 *emovechila 命令 从 人 舞台 上 移 除 飞机 。 然 后 移 除 调用 movePlane 国 数 的 侦 听 器 。 


































































































在 类 中 包含 删除 对 象 的 台数 总 是 不 错 的 主意 。 这 样 ， 类 就 可 以 移 除 自 身 侦 听 器 ， 处 理 用 
来 清除 其 他 对 自身 的 引用 的 任意 命令 。 
























































要 彻底 清除 飞机 对 象 ， 我 们 需要 告诉 主 类 飞机 已 经 飞 走 。 首 先 ， 调 用 主 时 间 轴 类 里 的 
removePlane 国 数 。 该 主 时 间 轴 ， 也 就 是 我 们 最 初创 建 飞机 对 象 的 地 方 ， 它 将 飞机 存储 在 数组 
中 。 稍 后 ， 我 们 会 用 到 removePlane 国 数 ， 从 数组 中 移 除 飞 机 : 

// 从 舞台 和 飞机 列表 中 移 除 飞机 

public function deletePlane() { 

MovieClip (parent) .removePlane (this); 


parent .removeChild(this); 
removeEventListener (Event .ENTER_FRAME,movePlane); 












































说 明 
在 对 对 象 的 所 有 引用 都 被 重 置 或 删除 后 ，Flash 播放 器 会 回收 该 对 象 使 用 的 内 存 。 




































































还 有 一 个 函数 用 于 移 除 飞 机 。 它 看 上 去 和 aeletePlane 函数 类 似 , 但 它 是 用 于 处 理 飞 机 被 
炮火 击 中 的 情况 的 。 它 也 会 清除 帧 事件 并 命令 主 类 从 数组 返回 飞机 对 象 。 它 并 没有 直接 从 舞台 移 
除 子 元 件 ， 而 是 使 影片 剪辑 跳 转 至 标签 为 explode 的 帧 并 从 该 处 开始 播放 。 

影片 剪辑 从 第 6 帧 开始 有 一 个 爆炸 图 像 。 它 会 持续 几 帧 ， 接 着 通过 parent .removechild 
(this); 和 stop () ;命令 停留 在 某 帧 。 这 样 ， 玩 家 欣赏 完 短暂 的 爆炸 效果 之 后 ， 函 数 完成 了 这 
架 飞 机 的 清除 。 

















// 击 中 飞机 ， 展 示 飞 机 爆炸 效果 

public function planeHit() { 
removeEventListener (Event .ENTER_FRAME ,movePlane) ; 
MovieC1lip (Parent ) .removePlane (this); 
gotoAndPlay ("explode"); 


说 明 


可 以 通过 增加 explosion 帧 和 最 后 代码 帧 之 间 的 帧 数 来 延长 爆炸 时 间 。 类 似 地 ， 可 以 在 不 
增加 ActionScript 的 情况 下 ， 在 那些 帧 上 放置 一 个 动态 的 爆炸 动画 。 






















































































5. 测试 Airplane 类 
主 时 间 轴 负责 创建 和 移 除 飞机 , 我 们 稍 后 再 创建 它 。 当 前 , 如 果 我 们 想 要 测试 Airplane 类 ， 
可 以 通过 如 下 简单 的 主 类 来 完成 : 
package { 
import flash.display.*; 








public class AirRaid extends MovieClip { 
public function AirRaid() { 
Var a:Airplane = new Airplane("right",170,30); 
addchild(a); 


} 
} 


在 测试 时 尝试 不 同 的 参数 值 是 个 不 错 的 做 法 。 例 如 ， 试 试 "left"， 速 度 设 为 30。 在 创建 下 
一 个 类 之 前 ， 尽 可 能 多 地 试验 不 同 的 值 以 确保 Airplane 类 能 正常 运行 。 


5.2.3 ”移动 炮台 


控制 防 高 射 炮 ( 见 图 5-4) 的 类 与 其 他 类 有 所 不 同 ， 它 的 移动 由 玩家 来 控制 。 我 们 可 以 通过 
鼠标 来 设置 炮台 的 位 置 , 但 这 会 使 游戏 过 于 简单 一 一 只 需要 和 手 一 拌 , 就 可 以 将 飞机 从 屏幕 的 一 端 
移 问 另 一 端 。 

于 是 ,我 们 采用 左右 方向 键 来 移动 炮台 。 就 像 飞 机 一 样 ， 它 根据 被 按 下 的 键 以 设 定好 的 速度 
移 向 屏幕 的 左边 或 右边 。 

方向 键 由 影片 主 类 而 不 是 AAGun 类 处 理 。 这 是 因为 ， 键 盘 默 认 将 事件 发 送 到 舞台 ， 而 不 是 
到 特定 的 影片 剪辑 。 

影片 主 类 有 两 个 变量 leftArrow 和 LightArrow， 被 设 为 true 或 false。AAGun 类 通过 


查看 这 两 个 变量 来 确定 移动 炮台 的 方向 。 
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图 5-4 ”防空 炮台 的 注册 点 放 在 炮 简 末端 


我 们 在 此 类 中 包含 了 一 个 常量 : 炮台 的 速度 。 这 么 做 是 为 了 之 后 能 方便 地 修改 游戏 。 接 着 ， 
构造 图 数 将 炮台 的 初始 位 置 设置 为 舞台 底部 中 间 的 (275, 340) 坐 标 处 。 此 外 ， 构 造 函 数 还 监听 


ENTER_FRAME 事件 : 





























package { 
import flash.display.*; 
import flash.events.*; 
import flash.utils.getTimer; 


public class AAGun extends MovieClip { 
static const speed:Number = 150.0; 
private var lastTime:int; // 动 画 时 间 


public function AAGun() { 
/ /炮台 初始 位 置 
下 用工 全 区 二 忆 7253 
this,y = 340; 


/ /移动 
addEventListener (Event .ENTER_FRAME,moveGun); 
} 


由 于 炮台 的 位 置 已 设置 好 ， 侦 听 器 也 添加 了 ，moveGun 函数 会 每 帧 运行 一 次 以 处 理 移动 动 
作 (如 果 有 的 话 ): 


public function moveGun(event:Event) { 
/ /获取 时 间 差 
Var timePassed:int = getTimer()-lastTime; 
lastTime += timePassed; 


// 当 前 位 置 
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Var newx = this.x; 


// 移 向 左边 

if (MovieClip (parent).leftArrow) { 
newx -= speed*timePassed/1000; 

} 

// 移 向 右边 


if (MovieClip (Parent) .rightArrow) { 
newx += speed*timePassed/1000; 


} 


/ /检查 边 界 
if (newx < 10) newx = 10; 
if (newx > 540) newx = 540; 


// 重 新 定位 
this.x = newx; 








} 

除了 移动 炮台 外 ， 在 注释 “检查 边界 ”的 下 方 ， 你 可 以 看 到 两 行 代码 ， 它 们 用 来 检查 炮台 的 
新 位 置 ， 以 确保 它 不 会 越过 边界 。 

现在 ,该 看 看 主 类 是 如 何 处 理 键盘 的 按键 动作 的 。 在 构造 函数 里 ， 这 通过 两 次 addEvent- 
Listener 的 调用 来 完成 : 


stage.addEventListener (KeyboardEvent .KEY_DOWN, keyDownFunction); 
stage.addEventListener (KeyboardEvent .KEY_UP, keyUpFunction); 


调用 的 两 个 函数 相应 地 设置 leftArrow 和 rightArrow 的 布尔 值 : 











// 按 下 键 时 
public function keyDownFunction(event:KeyboardEvent) { 
if (event.keyCode == 37) { 
leftArrow = true; 
} else if (event.keyCode == 39) { 


rightArrow = true; 


} 


说 明 


vent .keyCode 值 是 与 键盘 上 有 某 键 匹配 的 数字 。 键 37 是 左 方向 键 , 而 键 39 是 右 方向 
键 。 键 38 和 键 40 分 别 是 向 上 键 和 向 下 键 ， 我 们 会 在 其 他 章节 用 到 它们 。 













































































// 松 开 键 后 
public function keyUpFunction(event:KeyboardEvent) { 
if (event.keyCode == 37) { 
leftArrow = false; 
} else if (event.keyCode == 39) { 


rightArrow = false; 


} 
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可 见 ， 炮 台 的 移动 其 实 是 主 类 和 AAGun 类 共同 作用 的 结果 。 主 类 处 理 键盘 输入 ，AAGun 类 
处 理 对 象 移动 。 

AAGun 类 还 有 一 个 函数 
帧 时 ， 我 们 才 会 用 到 它 : 

// 从 屏幕 中 移 除 并 移 除 事件 


public function deleteGun() { 
parent .removeChild(this); 
removeEventListener (Event .ENTER_FRAME,moveGun); 





deleteGun。 不 过 , 只 有 在 从 舞台 上 移 除 炮台 以 跳 转 至 游戏 结束 





说 明 


记得 用 removeEventListener 命令 移 除 帧 和 计时 器 事件 ， 这 很 重要 。 否 则 ， 即 便 你 
以 为 已 经 删除 了 父 对 象 ， 那 些 事件 还 会 继续 发 生 。 














5.2.4 射 向 天 空 的 炮弹 
炮弹 可 能 是 这 个 游戏 中 最 简单 的 移动 对 象 。 此 游戏 中 , 图 形 其实 是 一 组 炮弹 ,如 图 5-5 所 示 。 
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图 5-5 这 个 炮弹 组 的 注册 点 在 底部 ， 所 以 当 它 们 
从 炮台 打出 的 时 候 ， 位 置 刚好 出 现在 炮 口 
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它们 从 炮台 的 位 置 出 发 ， 向 上 飞行 直至 到 达 屏 幕 的 顶端 为 止 。Bullet 类 中 所 有 之 前 见 过 的 
代码 都 是 在 Airplane 类 和 AAGun 类 中 见 过 的 

构造 函数 接收 一 个 初始 的 x 和 y 值 以 及 一 个 速度 值 。 不 同 于 飞机 的 水 平 速度 ， 这 里 的 速度 
是 指 垂直 速度 ; 


package { 
import flash.display.* 
import flash.events.*; 
import flash.utils.getTimer; 


public class Bullet extends MovieClip { 
private var dy:Number; // 纵 向 速度 
Private Var lastTime:int; 


public function Bullet (x,y:Number, speed: Number) { 
// 设 置 开始 位 置 
tlle 汪 7 
th SS 人 
/ /获得 速度 
dy = speed; 
/ /设置 动画 
lastTime = getTimer(); 
addEventListener (Event .ENTER_FRAME,moveBullet); 





} 
每 帧 都 会 调用 moveBullet 函数 ， 它 会 计算 经 过 的 时 间 并 据 此 决定 炮弹 应 该 飞 多 远 ， 还 会 
检查 炮弹 是 否 已 经 飞 过 了 屏幕 顶端 。 


public function moveBullet (event :Event) { 
// 获 取经 过 的 时 间 
Var timePassed:int = getTimer()-lastTime; 
lastTime += timePassed; 


/ /移动 炮 弹 
this.y += dy*timePassed/1000; 


/ /如果 炮 弹 飞 过 了 屏幕 顶端 
if (this.y < 0) { 
deleteBullet (); 
} 
} 


removeBullet 国 数 与 emovePlane 国 数 类 似 ， 位 于 主 类 中 。 它 负责 在 炮弹 到 达 屏 幕 顶端 
的 时 候 移 除 炮弹 : 


// 从 羡 台 和 飞机 列表 中 删除 炮弹 

public function deleteBullet() { 
MovieClip (Parent) .removeBullet (this); 
parent .removeChild(this); 
removeEventListener (Event .ENTER_ FRAME,moveBullet); 


b 


为 发 射 炮弹 , 玩家 需要 按 下 空格 键 。 我们 要 修改 AirRaiqd 类 中 的 keyDownFunction 国 数 ， 
使 其 接收 空格 键 并 把 它们 传递 给 处 理 新 建 炮 弹 的 函数 : 
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// 按 下 按键 
public function keyDownFunction(event:KeyboardEvent) { 
if (event.keyCode == 37) { 
leftArrow = true; 
} else if (event.keyCode == 39) { 
rightArrow = true; 
} else if (event.keyCode == 32) { 
fireBullet (); 


说 明 


键 码 32 表示 空格 键 。 若 要 了 解 其 他 键 对 应 的 键 码 ， 可 以 查看 Flash 的 帮助 文档 。 搜 索 
Keyboard Keys and Key Code Values (键盘 键 和 键 码 值 ) 。 











fireBullet 函数 把 炮台 的 位 置 和 一 个 速度 值 传递 给 新 建 的 炮弹 ,同时 将 其 添加 至 bullets 
数组 内 ， 以 便 在 后 面 碰撞 检测 的 时 候 跟踪 对 和 象 : 


public function fireBullet() { 
Var b:Bullet = new Bullet (aagun.x,aagun.y,-300); 
addCnhnild(b); 
bullets.push (b); 

} 


现在 我 们 有 了 飞机 、 高 射 炮台 和 炮弹 对 象 , 是 时 候 将 这 些 对 象 与 AirRaia 主 类 结合 起 来 了 。 
5.2.5 游戏 类 


AirRaid 类 包含 了 游戏 的 所 有 逻辑 。 我 们 在 这 里 创建 初始 的 游戏 对 象 ， 检 测 磁 撞 并 处 理 得 
分 。 当 游戏 进行 时 ， 它 看 起 来 和 图 5-6 差不多 。 











A 久 ~ -全 - 生 二 个人 X 


Score: 1 Shots Left: 18 


图 5-6 空袭 游戏 中 有 高 射 炮台 ， 飞 在 半空 中 的 炮弹 ， 以 及 在 上 方 飞行 的 两 架 飞 机 
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1. 类 的 定义 
类 中 需要 用 到 我 们 曾 用 过 的 标准 类 ， 包 括 getTimer 和 文本 字段 类 。 
package { 

import flash.display.*; 

import flash.events.*; 


import flash.utils.Timer; 
import flash.text.TextField; 


我 们 需要 的 类 的 变量 包括 对 炮台 的 引用 以 及 引用 所 创建 飞机 及 炮弹 的 数组 : 


public class AirRaid extends MovieClip { 
private var aagun:AAGun; 
private var airplanes:Array; 
private Var bullets:Array; 


以 下 两 个 变量 的 值 为 ture 或 false， 用 来 记录 玩家 按 下 左 方向 键 或 右 方向 键 的 动作 。 它 们 
需要 作为 public 变量 ， 因 为 aagun 对 象 要 通过 它们 来 决定 是 否 移 动 : 


public var leftArrow, rightArrow:Boolean; 




















说 明 


可 以 在 一 个 定义 行 里 定义 多 个 变量 。 当 你 需要 定义 少 部 分 相同 类 型 的 相关 变量 时 ， 这 么 
故 非常 好 。leftArrow 和 rightArrow 变量 就 是 一 个 很 好 的 例子 。 































































































接 下 来 的 nextPlane 变量 是 Timer 类 型 。 我 们 用 它 来 决定 什么 时 候 出 现下 一 架 飞 机 。 
private Var nextPlane:Timer; 


最 后 , 有 两 个 记录 得 分 的 变量 。 第 一 个 记录 剩 下 的 炮弹 数量 , 第 二 个 记录 玩家 击 中 飞机 的 次 数 : 


private Var shotsLeft:int,; 
private var shotsHit:int; 


这 个 游戏 里 并 没有 AirRaid 构造 函数 ， 因 为 游戏 并 不 从 第 1 帧 开始 。 事 实 上 ， 游 戏 在 主 时 
间 轴 的 play 帧 调用 startAirRaid 函数 。 
函数 开始 时 ， 设 置 剩余 炮弹 20 发 ， 得 分 为 0: 
public function startAirRaid() { 
/ /初始 化 得 分 


shotsLeft = 20; 
shotsHit = 0; 




















showGameScore(); 
接着 ， 与 aagun 对 象 类 似 ， 创 建 高 射 炮台 并 将 其 添加 至 舞台 : 
// 创 建 炮台 


aagun = new AAGun(); 
addCchild(aagun); 
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此 外 ， 我 们 还 需要 创建 数组 记录 炮弹 和 飞机 : 
// 创 建 对 象 数 组 


airplanes = new Array() 
bullets = new Array (); 


要 知道 哪个 键 被 按 下 了 , 我 们 需要 两 个 侦 听 器 , 一 个 侦 听 键 按 下 事件 ,一 个 侦 听 按键 松 开 事 件 : 


// 侦 听 键 盘 
stage.addEventListener (KeyboardqEvent .KEY_DOWN, keyDownFunction); 
stage.addEventListener (KeyboardEvent .KEY_UP, keyUpFunction); 


我 们 需要 一 个 ENTER_FRAME 事件 侦 听 器 来 触发 checkForHits 函数 。 这 是 炮弹 和 飞机 之 
间 最 重要 的 碰撞 检测 |: 


/ /检测 碰撞 
addEventListener (Event .ENTER_FRAME, checkForHits); 


现在 , 我 们 需要 让 一 些 飞 机 出 现在 空中 , 游戏 开始 。setNextPlane 函数 完成 飞机 出 现在 空 
中 的 效果 ， 我 们 稍 后 会 详细 讲解 它 : 
/ /开始 飞 机 的 飞行 


setNextPlane(); 























2. 创建 新 飞机 

新 飞机 需要 在 一 定时 间 内 随机 创建 。 要 做 到 这 点 ， 我 们 创建 一 个 Timer， 并 在 不 久 后 触发 
newPlane 国 数 的 调用 。setNextPlane 函数 创建 了 只 有 一 个 事件 的 Timer, 并 将 它 设置 为 未 来 
1~2 S: 


public function setNextPlane() { 
nextPlane = new Timer (1000+Math.random()*1000,1); 
nextPlane.addEventListener (TimerEvent .TIMER_ COMPLETE,newPlane); 
nextPlane.start (); 











} 

当 Timer 计时 完毕 ， 它 调用 newPlane 函数 创建 一 架 新 飞机 并 让 它 飞行。Airplane 对 象 
的 3 个 参数 均 采用 Math.random() 函数 的 值 随 机 决定 。 然 后 ， 飞 机 被 创建 并 添加 到 舞台 上 。 而 
且 ， 它 也 被 添加 至 airplanes 数组 里 。 

public function newPlane (event :TimerEvent) { 


// 随 机 的 出 发 端 、 速 度 和 高 度 
if (Math.random() > .5) { 





Var Side:String = "left"; 
} else { 
Side = Trignt ny 


} 
Var altitude:Number = Math.random()*50+20; 
Var speed:Number = Math.random()*150+150; 


/ /创建 飞机 

var p:Airplane = new Airplane(side,speed,altitude); 
addCchilgd(p); 

airplanes.push (p); 

// 为 下 一 架 飞机 设 定时 间 


setNextPlane(); 
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函数 的 最 后 ，setNextPlane 函数 再 次 被 调用 , 准备 下 一 架 飞 机 。 这 样 ， 创建 每 一 架 飞 机 的 
同时 也 会 设 好 创建 下 一 架 飞 机 的 计时 器 。 将 有 无 限 多 的 飞机 不 断 攻击 ! 

3. 碰撞 检测 

整个 游戏 最 有 趣 的 函数 就 是 checkForHits 函数 。 它 遍历 所 有 的 炮弹 和 飞机 并 确定 它们 之 
间 是 否 相 交 。 


说 明 


请 注意 ， 我 们 是 逆向 遍历 数组 的 。 这 样 我 们 就 不 会 把 自己 弄 糊涂 。 如 果 我 们 正 向 遍历 数 
组 ， 若 删除 了 数组 的 第 3 个 元 素 ， 则 数组 中 的 第 4 个 元 素 会 变 成 新 的 第 3 个 元 素 。 接 着 
向 前 遍历 查找 第 4 个 元 素 时 ， 结 果 就 会 跳 过 一 个 元 素 。 




































































我 们 通过 hitTestobject 方法 判断 这 两 个 影片 剪辑 的 外 框 是否 重 合 。 如果 重 倒 , 我 们 就 要 

行 一 些 处 理 。 首 先 ， 我 们 调用 planeHit 方法 销毁 飞机 。 oe 我 们 删除 炮弹 。 增 加 击 中 飞机 
Rn 分 。 然 后 ， 结 束 这 架 飞 机 的 碰撞 检测 ， 继 续 列表 中 的 下 一 枚 炮弹 : 

/ /检测 碰撞 


public function checkForHits (event :Event) { 
for(var bulletNum:int=bullets.length-1;bulletNum>=0;bulletNum--){ 
for (var airplaneNum:int=airplanes.length-l1;airplaneNum>=0;airplaneNum--) { 
if (bullets[bulletNum] .hitTestObject (airplanes [airplaneNum])) { 
airplanes[lairplaneNum] .planeHit () ; 
bullets [bulletNum] .deleteBullet (); 











shotsHit++; 
showGameScore () ; 
break; 
} 
} 
} 
if ((shotsLeft == 0) && (bullets.length == 0)) { 


endGame ();，; 
} 
} 


在 国 数 的 最 后 ， 我 们 查看 游戏 是 否 结束 。 当 没有 炮弹 剩余 ， 并 且 最 后 一 发 炮弹 已 经 越过 屏幕 
顶端 或 者 击 中 了 飞机 时 ， 游 戏 结束 。 
4. 键盘 输入 处 理 
接 下 来 的 两 个 函数 处 理 按 键 。 我 们 之 前 已 经 见 到 过 这 些 函 数 : 
// 按 下 按键 


public function keyDownFunction(event:KeyboardEvent) { 
if (event.keyCode == 37) { 
leftArrow = true; 
} else if (event.keyCode == 39) { 
rightArrow = true; 
} else if (event.keyCode == 32) { 
fireBullet (); 
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} 


// 松 开 按键 时 
public function keyUpFunction(event:KeyboardEvent) { 
if (event.keyCode == 37) { 
leftArrow = false; 
} else if (event.keyCode == 39) { 


rightArrow = false; 
由 


为 当 玩 家 按 下 空格 键 时 创建 一 枚 新 炮弹 , 创建 该 对 象 并 赋予 它 所 处 炮台 的 位 置 和 炮弹 的 速度 
(在 本 例 中 ， 为 300 像素 每 秒 )。 
我 们 往 bul lets 数组 中 添加 这 枚 炮弹 并 从 shotsLeft 数组 中 减 去 一 枚 炮弹 ， 同 时 更 新 游 





注意 在 所 有 这 些 发 生 以 前 ， 我 们 会 先 查 看 shot sLeft 数组 ， 确 保 玩 家 能 继续 发 射 炮 弹 。 这 
样 可 以 防止 玩家 在 游戏 结尾 获得 额外 的 炮弹 。 


// 新 炮弹 被 创建 
public function fixreBullet'() 4 
if (shotsLeft <= 0) return; 
Var b:Bullet = new Bullet (aagun.x,aagun.y,-300); 
addCchild(b); 
bullets.push (b); 
shotsLeft-—-; 
showGameScore(); 





} 

5. 其 他 函数 

我 们 已 经 调用 若干 次 showGameScore 国 数 了 。 这 个 国 数 只 是 把 shotsHit 和 shotsLeft 
的 值 放 入 舞台 上 的 文本 字段 内 。 这 些 不 是 用 代码 创建 的 文本 字段 ， 而 是 我 手动 放 进 示例 影片 舞台 
上 的 。 我 不 希望 让 TextField 和 TextFormat 代码 来 弄 乱 这 个 例子 : 


public function showGameScore() { 
ShowScore .text = String("Score: "+shotsHit); 
showShots.text = String("Shots Left: "+shotsLeft); 


说 明 


虽然 没有 在 代码 中 创建 文本 字段 , 我 仍然 需要 把 import flash.text.TextField; 
语句 放 在 类 的 开头 。 因 为 我 们 需要 这 个 类 来 创建 和 处 理 文本 字段 。 






































接 下 来 的 两 个 函数 直接 从 数组 中 移 除 一 个 元 素 。For.. .in 循环 用 来 志 历 数组 ， 然 后 用 
splice 命令 移 除 找 到 的 元 素 。 然 后 通过 Break 命令 ， 在 找到 匹配 的 元 素 之 后 退出 循环 。 
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我 们 需要 一 个 函数 移 除 airplanes 数组 中 的 飞机 ， 还 需要 另 一 个 国 数 从 bullets 数组 移 
除 炮 弹 : 


// 从 数组 中 移 除 一 架 飞 机 
public function removePlane(plane:Airplane) { 
for(var i in airplanes) { 


if (airplanes[i] == plane) { 
airplanes.splice(i,1); 
break; 


// 从 数组 里 移 除 一 枚 炮弹 
public function removeBullet (bullet:Bullet) { 
for(var i in bullets) { 





if (bullets[i] == bullet) { 
bullets.splice(i,1); 
break; 


} 

我 们 其 实 可 以 用 一 个 函数 来 百代 removePlane 和 removeBullet 这 两 个 函数 。 将 这 个 函 
数 传 人 要 找 的 数组 和 元 素 中 。 不 过 ， 通 过 两 个 独立 的 函数 ， 我 们 可 以 进一步 开发 游戏 ， 比 如 分 别 
为 飞机 和 炮弹 的 移 除 添加 其 他 效果 。 例 如 ， 在 移 除 飞机 的 时 候 调 用 setNewPlane 函数 ， 而 不 是 
在 飞机 创建 时 调用 。 

6. 游戏 后 的 清理 

当 游 戏 结束 时 , 会 有 些 游戏 元 素 留 在 屏幕 上 。 我 们 知道 , 游戏 结束 时 , 所 有 的 炮弹 都 用 完了 ， 
但 飞机 和 炮台 仍 在 。 

我 们 没有 像 第 4 章 中 的 推理 游戏 那样 ， 把 所 有 显示 对 象 都 存储 在 一 个 数组 中 ， 而 是 用 
airplanes 数组 、aagun 变量 和 bullets 数组 来 存储 这 些 对 象 。 我 们 知道 , 游戏 结束 时 这 些 变 
量 已 经 被 清空 

移 除 了 飞机 和 炮台 对 象 之 后 ， 我 们 还 需要 移 除 键盘 侦 听 器 和 checkForHits 事件 侦 听 器 ， 
以 及 nextPlane 计时 器 。 接 着 ， 转 到 不 带 任何 游戏 元 素 的 gameover 帧 。 

// 游 戏 结束 ， 清 除 影片 剪辑 


public function endGame() { 
// 移 除 飞机 
for(var i:int=airplanes.length-1;i>=0;i--) { 
airplanes[i] .deletePlane(); 





} 


airplanes = null; 


aagun.deleteGun(); 
aagun = null; 


stage.removeEventListener (KeyboardEvent .KEY_DOWN, keyDownFunction); 
stage.removeEventListener (KeyboardEvent .KEY_UP,keyUpFunction); 
removeEventListener (Event .ENTER_ FRAME, checkForHits); 
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nextPlane.stop(); 
nextPlane = null; 


gotoAndSstop ("gameover"); 
} 
此 函数 后 ， 你 需要 两 个 大 括号 来 结束 类 和 包 。 
相 比 起 ActionScript 创建 的 文本 字段 ， 在 主 时 间 轴 手动 创建 文本 字段 的 一 个 优势 是 ， 它 们 可 
以 贯穿 至 gameover 帧 。 这 意味 着 玩家 可 以 在 最 后 一 帧 看 到 他 们 的 得 分 。 


5.2.6 ”修改 游戏 


AirRaid.fla 影片 包含 了 与 第 4 章 中 Deduction.fla 影片 相同 的 帧 脚本 和 按钮 。intro 帧 上 有 一 个 
Start (开始 ) 按钮 ,并且 gameover 帧 有 一 个 Play Again (再 玩 一 次 ) 按钮 .中间 的 帧 标签 是 "play"。 
此 游戏 中 ， 我 将 游戏 介绍 文字 也 加 入 到 intro 帧 。 如 图 5-7 所 示 ， 第 1 帧 上 有 介绍 文字 、 标 
题 、Start 按钮 及 位 于 屏幕 底部 的 文本 字段 。 




















AIR RAID 


Use the left and right arrow keys to move the 


anti-aircraft gun. Press the spacebar to fire. Try 
to shoot down as many planes as you can before 
you run out of ammunition. 


Shots Left: 

















图 5-7 intro 帧 有 介绍 文字 和 一 个 START 按钮 


改进 游戏 的 时 候 可 以 多 增加 点 飞机 种 类 或 者 把 飞机 画 得 更 真实 些 。 背 景 和 炮台 也 可 以 改进 。 

在 代码 方面 , 你 可 以 为 不 同 的 飞机 设置 不 同 的 飞行 速度 。 没 准 你 甚至 想 让 飞机 的 速度 随 着 游 
戏 时 间 的 增加 而 加 快 。 

当然 你 也 可 以 改变 玩家 开始 的 炮弹 数量 。 

更 大 规模 的 修改 可 以 包括 整个 游戏 主题 的 设置 。 你 可 以 回想 下 旧时 的 潜艇 游戏 , 把 飞机 变 成 
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船只 ,把 炮台 改 成 沟 望 镜 观 察 员 。 在 这 种 情况 下 ,我 会 大 幅度 降低 炮弹 的 速度 并 使 用 背景 艺术 来 
创造 一 些 场景 深度 。 


5.3 ” 弹 球 游戏 


源 文件 
http://flashgameu.com 


A3GPU205_PaddleBall.zip 


空袭 游戏 中 涉及 众多 对 象 的 简单 单 向 运动 和 毁灭 性 碰撞 。 接 下 来 的 游戏 一 一 弹 球 (Paddle 
Ball) 则 具有 和 斜 向 运动 和 弹跳 碰撞 。 

Paddle Ball 是 Breakout ( 打 砖 块 ) 游戏 的 一 个 版 本 ，Breakout 游戏 是 早期 非常 流行 的 视频 电 
脑 游 戏 。 目 前 这 款 游戏 的 各 种 版 本 常常 活跃 在 网 络 上 。 





说 明 

1976 年 ， 雅 达 利 Atari 公司 "最 早 版 本 的 Breakout 游戏 由 史 蒂 夫 : 乔布斯 和 史 蒂 夫 ' 沃 兹 
尼 亚 克 开 发 ， 而 这 在 他 们 创建 苹果 公司 之 前 。 因 沃 兹 尼 亚 克 的 芯片 设计 不 能 与 雅 达 利 公 
司 的 制造 进程 良好 地 协作 ， 这 款 游戏 天 折 了 。 

Breakout 游戏 以 hidden Easter eggs (隐藏 的 复活 节 彩 蛋 ) 游戏 的 形式 出 现在 Mac 操作 系 
统 上 。 甚 至 在 今天 ， 一 些 iPod 上 也 带 有 这 款 游戏 。 






























































在 这 个 版 本 的 弹 球 游戏 中 ,玩家 控制 屏幕 下 方 的 挡 板 ,并 通过 鼠标 左右 移动 挡 板 。 游 戏 中 主 
要 活动 的 游戏 元 素 为 一 个 小 球 ， 它 会 与 墙壁 或 屏幕 顶部 磁 撞 后 来 回 弹跳 ， 当 小 球 向 下 运行 时 ， 如 
果 没 有 挡 板 挡住 ， 小 球 则 直接 穿 过 屏幕 底部 而 消失 。 

屏幕 的 上 方 是 一 堆 方 形 的 砖 块 , 玩家 必须 控制 挡 板 使 小 球 通 过 挡 板 借 力 弹 向 砖 块 ， 从 而 消除 
砖 块 。 








5.3.1 建立 影片 


影片 的 设置 与 空袭 游戏 和 推理 游戏 类 似 。 第 1 帧 为 影片 介绍 界面 ， 第 3 帧 为 游戏 结束 界面 。 
这 两 个 游戏 的 第 1 帧 上 都 有 一 个 用 来 开始 新 游戏 的 按钮 以 及 游戏 介绍 内 容 。 

第 2 帧 为 游戏 界面 ， 即 游戏 执行 的 地 方 。 该 帧 绘制 了 一 个 边框 ， 屏 幕 的 中 间 绘 制 了 一 个 文本 
字段 用 来 显示 类 似 于 Clickto Start 的 字样 ， 屏 幕 的 右 下 方 绘制 一 个 文本 字段 用 来 显示 玩家 的 可 用 
球 数 。 图 5-8 显示 了 这 3 个 游戏 元 素 及 黑色 背景 。 











@ 一 家 1972 年 成 立 的 美国 电脑 公司 ， 它 是 街机 、 家 用 电子 游戏 机 和 家 用 电脑 的 早期 拓 莞 者 。 一 一 编者 注 
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=====) 
图 5-8 中 间 文 本 字段 为 gameMessage 元 件 ， 右 下 方 文本 字段 为 ballsLeft 元 件 


影片 库 中 的 元 件 比 我 们 目前 创建 的 任何 一 个 游戏 的 元 件 都 要 多 。 图 5-9 所 示 为 影片 的 库 ， 
其 中 包含 了 脚本 需要 读 取 的 类 名 。 














PaddleBall.fla lz 了 | 曙 外 





|Linkage 
A Arial Bold 
Ball Ball 
um) BasicButton BasicButton 
Border 
Brick Brick 


Brick Graphic 
Paddle Paddle 
Paddle Graphic 








图 5-9 库 中 共有 7 个 元 件 ， 包 括 小 球 、 砖 块 和 挡 板 
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你 会 注意 到 ， 库 中 有 一 组 "Brick" 和 "Brick Graphic" 元 件 ， 以 及 一 组 "Paddle" 和 
"Paddle Graphic" 元 件 。 WR SB 因此 ，"Brick 
Graphic" 是 "Brick" 元 件 中 的 元 素 并 且 是 其 唯一 的 元 素 。 

这 么 做 的 原因 是 ， 我 们 可 以 很 方便 地 对 这 些 元 素 应 用 过 滤器 。 过 滤器 ， 比 如 这 里 的 斜 角 过 滤 
器 ， 可 以 在 影片 剪辑 的 Properties 面板 中 应 用 。 但 是 ， 由 于 "Brick" 和 "Paddle" 元 件 均 由 
ActionScript 创建 ， 因 而 ， 若 要 通过 属性 面板 中 应 用 过 滤器 ， 我 们 需要 在 "Brick" 元 件 中 放置 一 个 
"Brick Graphic" 元 件 。 

在 "Brick Graphic" 上 应 用 过 滤器 。 然 后 ， 在 ActionScript 中 创建 "Brick" 的 副本 时 就 不 用 
考虑 过 滤器 的 问题 了 。 














说 明 


我 们 也 可 以 在 ActionScript 中 应 用 过 滤器 。 但 是 ， 这 会 增加 一 些 与 游戏 无 关 的 代码 。 我 们 
不 这 么 做 的 另 一 个 原因 是 ， 这 部 分 内 容 可 以 由 与 程序 员 一 起 工作 的 美工 来 完成 。 美 工 可 
以 很 方便 地 创建 图 形 并 应 用 过 滤器 ， 而 不 用 程序 员 来 帮助 他 们 完成 。 













































































图 5-10 展示 了 Brick 影片 剪辑 ， 里 面包 含 了 Brick Graphic 影片 剪辑 。 你 还 可 以 在 Properties 
面板 中 查看 元 件 的 过 滤器 设置 。 
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5.3.2 ”类 定义 


与 空袭 游戏 不 同 ， 弹 球 游戏 采用 一 个 ActionScript 类 来 控制 游戏 的 所 有 内 容 。 此 类 需要 引入 
其 他 一 些 类 ， 包 括 getTimer、Rectangle 类 和 文本 字段 : 


package { 
import flash.display.* 
import flash.events.*; 
import flash.utils.getTimer; 
import flash.geom.Rectangle; 





import flash.text.TextField; 
此 游戏 含有 多 个 和 常量。 下面 列 表 中 常量 的 意义 可 简单 地 从 其 名 称 读 出 。 这 个 列表 定义 了 游戏 
中 元 素 (如 小 球 、 墙 和 挡 板 ) 的 位 置 和 大 小 : 


public class PaddleBall extends MovieClip { 
/ /环境 常量 

private cons 

private cons 


ballRadius:Number = 9; 
wallTop:Number = 18; 
wallLeft:Number = 18; 
wallRight:Number = 532; 
paddleY:Number = 380; 
paddleWidth:Number = 90; 
ballSpeed:Number = .2; 
paddleCurve:Number = .005; 
paddleHeight:Number = 18; 


private cons 
private cons 
private cons 
private cons 





private cons 
private cons 








下 


private cons 


此 游戏 中 ， 只 有 小 球 和 挡 板 是 可 移动 的 。 另 外 ， 我 们 需要 一 个 数组 来 存储 砖 块 : 


/ /关键 对 象 
private var paddle:Paddle; 
private var ball:Ball; 


// 砖 块 
private Var bricks:Array; 
为 记录 小 球 的 速度 ， 我 们 需要 两 个 变量 : ballDx 和 bal1DY。 此 外 ， 和 空袭 游戏 一 样 ， 我 
们 还 需要 lastTime 变量 : 
/ /小 球速 度 
private var ballDXx:Number; 
private var ballDY:Number; 


// 动 画 计 时 器 


private Var lastTime:uint; 


说 明 


速度 是 对 速率 和 方向 的 综合 测量 。 单个 的 变量 如 dx 用 来 测量 对 象 的 水 平 速率 。 而 组 合 
变量 ， 如 dx 和 dy， 来 测量 方向 和 速率 ， 即 速度 。 或 者 ， 游 戏 以 一 个 变量 记录 速率 
(单位 为 像素 每 秒 ) 一 个 变量 记录 方向 (航向 或 角度 ) 。 两 个 变量 的 组 合 代表 速度 。 
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最 后 一 个 变量 存储 剩余 可 用 的 小 球 数量 。 这 是 我 们 第 一 次 在 游戏 中 向 玩家 提供 多 次 机 会 , 或 
称 为 生命 条 数 。 玩 家 游戏 时 ， 共 提供 了 3 个 小 球 。 当 玩家 操控 的 挡 板 错失 了 所 有 的 球 ， 即 3 个 球 
都 罕 过 挡 板 消失 后 ， 游 戏 结束 : 
/ /剩余 小 球 的 数量 
private var balls:Number; 
此 游戏 中 没有 构造 国 数 ， 因 为 我 们 直到 第 2 帧 才 开 始 游戏 。 因 此 ,我 们 不 提 及 PaddleBall 


5.3.3 ”开始 游戏 


游戏 开始 时 , 挡 板 、 砖 块 和 球 都 会 被 创建 。 砖 块 堆 的 形状 由 另 一 个 函数 创建 。 之 后 再 详细 介绍 。 

球 的 数量 设 为 3， 同时 初始 游戏 信息 显示 在 文本 字段 中 。 还 有 ，1lastTime 的 值 设 为 0。 这 
与 我 们 之 间 将 get Timer 的 值 赋予 lastTime 的 做 法 不 一 样 。 我 会 在 之 后 提 到 使 用 了 lastTime 
的 动画 函数 时 再 解释 这 么 设置 的 原因 。 

设置 两 个 侦 听 器 。 第 一 个 侦 听 器 每 帧 调用 一 次 moveobjects 函数 。 第 二 个 作为 事件 侦 听 器 
捕捉 舞台 上 的 鼠标 单 击 事件 。 因 为 游戏 要 求 玩 家 单 击 Click to Start 开始 游戏 ， 所 以 我 们 要 捕捉 玩 
家 的 单 击 并 以 此 运行 newBall 函数 : 


public function startPaddleBall() { 




















/ /创建 挡 板 

paddle = new Paddle(); 
paddle.y = paddleyYy; 
addChild(paddle); 


/ /创建 砖 块 


makeBricks(); 


balles S33 
gameMessage.text = "Click To Start"; 


/ /设立 动画 

lastTime = 0; 

addEventListener (Event .ENTER_FRAME,moveObjects); 

stage.addEventListener (MouseEvent .CLICK,newBall); 
} 


makeBricks 函数 会 创建 一 组 砖 块 。 砖 块 组 由 8 列 5 行 构成 。 我 们 需要 一 个 虑 套 循 环 通过 x 
和 y 变量 创建 这 40 个 砖 块 。 每 个 砖 块 占据 60 像素 宽 和 20 像素 高 ， 并 且 偏 移 量 分 别 为 65 像素 和 
50 像素。 

/ /创建 砖 块 组 


public function makeBricks() { 
bricks = new Array (); 














/ /创建 几 排 砖 块 ， 共 8 列 5 行 
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for (var y:uint=0;y<5;y++) { 
for(var x:uint=0;x<8;x++) { 

Var newBrick:Brick = new Brick(); 
/ /将 它们 整齐 放置 
newBrick.x = 60*x+65; 
newBrick.y = 20*y+50; 
addChild (newBrick); 
bricks.push (newBrick); 


说 明 

创建 这 类 排列 加 数 时 ， 要 敢于 修改 数字 去 不 断 地 测试 以 得 到 理想 的 效果 。 例 如 ， 我 会 在 
makeBricks 加 数 中 变换 些 数字 ,直到 砖 块 的 排列 看 起 来 非常 美观 。 当 然 ， 我 也 可 以 在 
编写 代码 之 前 在 脑海 中 或 绝 上 估算 一 遍 砖 块 的 大 小 和 偏 移 量 ， 但 是 根据 经 验 猜 测 要 更 简 
单 更 快捷 。 



















































































ActionScript 具有 非常 棒 的 测试 和 探索 环境 ， 你 不 需要 在 编写 代码 之 前 计划 好 每 一 件 事 。 

单独 设 定 一 个 创建 砖 块 的 函数 的 一 个 好 处 是 ,你 可 以 之 后 用 其 他 的 函数 替换 它 ， 从 而 生成 不 
同形 状 的 砖 块 堆 。 甚 至 可 以 从 砖 块 样式 数据 库 中 读 取 你 希望 的 砖 块 排列 方式 。 你 对 砖 块 堆 进行 的 
任何 修改 都 可 以 通过 调用 独立 的 makeBricks 函数 来 完成 ， 因 此 ， 当 你 专注 于 游戏 的 操作 时 ， 
可 以 由 另 一 位 程序 员 来 处 理 砖 块 堆 的 排列 。 

如 图 5-11 所 示 ， 游 戏 处 于 开始 状态 ， 小 球 、 挡 板 和 砖 块 堆 均 已 创建 完毕 。 你 还 可 以 看 到 纯 
装饰 性 的 墙壁 。 小 球 在 我 们 通过 wallLeft、wallRight 和 wallTop 创建 的 不 可 见 墙 壁 之 间 来 
回 弹 跳 。 








Bo PaddleBall.swf 





图 5-11 游戏 开始 时 显示 出 所 有 的 游戏 元 素 
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5.3.4 ”新 建 一 个 小 球 


当 游戏 开始 时 ， 并 不 会 出 现 小 球 ， 而 是 显示 信息 Click to Start， 玩 家 必须 单 击 舞台 开始 游戏 。 
单 击 后 程序 调用 newBall 国 数 ， 创 a Ball 对 象 并 设置 它 的 位 置 和 相关 属性 。 

首先 ，newBall 国 数 会 检查 一 遍 ， 确 保 Ball 对 象 为 null1。 这 样 可 以 防止 玩家 在 小 球 已 经 
创建 时 单 击 屏幕 。 

接着 ， 清 除 gameMessage 文本 字段 的 信息 : 

public function newBall (event:Event) { 


// 如 果 已 经 有 了 小 球 对 象 ， 就 不 运行 此 处 
if (ball != null) return; 











gameMessage.text = ""; 
屏幕 的 正中 央 创 建 了 一 个 小 球 对 和 象 ， 它 的 位 置 是 根据 wallLeft 和 wallRight 相差 距离 的 
一 半 及 wallTop 和 挡 板 垂直 位 置 相差 距离 的 一 半 而 创建 的 。 


/ /创建 小 球 ， 并 将 其 放置 在 屏幕 中 央 

ball = new Ball(); 

ball.x = (wallRight-wallLeft)/2+wallLeft; 
ball.y = 200;// (paddleY-wallTop) /2+wallTop; 
adgdchild(ball); 


小 球 的 速度 根据 ballspeed 常量 的 值 直线 向 下 运行 : 


// 小 ee 
ballDx = 
bballDY. s a 


小 球 的 数量 会 逐一 递减 ， 然 后 右 下 方 的 文本 字段 会 显示 小 球 剩余 的 数量 。 同 时 ，lastTime 
重新 设 为 0， 动 画 重新 开始 。 


// 用 掉 一 个 小 球 
balls-—-; 
ballsLeft.text = "Balls: "+balls; 














// 重 设 动画 
lastTime = 0; 
} 


newBall 函数 在 游戏 开始 时 执行 ， 同 时 在 游戏 的 过 程 中 创建 新 的 小 球 。 
53.5 游戏 动画 及 碰撞 检测 


到 目前 为 止 , 游戏 的 代码 都 很 简单 直接 。 但 是 ， 当 我 们 开始 操作 移动 对 象 时 ， 编 码 就 会 变 得 
复杂 起 来 。 小 球 必须 检测 与 挡 板 和 砖 块 之 间 的 碰撞 。 然 后 根据 碰撞 作出 恰当 的 响应 。 
ENTER_FRAME 事件 侦 听 器 会 每 帧 调用 一 次 moveobjects 国 数 。 这 时 ，moveobjects 函数 
会 再 执行 男 外 两 个 函数 ; movePaddle 和 moveBall: 


public function moveObjects (event:Event) { 
movePaddle(); 
moveBall (); 
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1. 挡 板 的 移动 
movePaddle 函数 比较 简单 。 它 将 挡 板 的 x 属性 设 为 mousex 的 位 置 。 此 外 ， 它 还 用 到 了 
Math.min 和 Math.max 函数 来 限制 挡 板 在 舞台 左右 的 边缘 位 置 。 








说 明 


mouseX 和 mousey 属性 会 返回 光标 相对 当前 显示 对 象 的 位 置 。 在 本 示例 中 ， 当 前 显示 
对 象 为 主 类 ， 即 舞台 。 如 果 我 们 是 在 一 个 影片 剪辑 类 中 读 取 mousexX 和 的 值 ， 
则 需要 在 最 后 调整 一 下 结果 ,或 者 直接 读 取 stage.mouseX 和 stage.mousey 的 值 。 



























































































































































public function movePaddle() { 
// 跟 随 鼠 标的 水 平 位 置 
Var newX:Number = Math.min(wallRight-paddleWidth/2, 
Math.max(wallLeft+paddleWwidth/2, 
mouseXx)); 
paddle.x = newxX; 


2. 小 球 运动 

moveBall 国 数 用 来 移动 小 球 ， 它 占 了 大 部 分 代码 。 小 球 基 本 的 运动 与 空袭 游戏 中 的 移动 对 
象 类 似 。 但 是 ， 小 球 的 碰撞 则 要 远 远 复杂 得 多 。 

函数 首先 要 检测 ball 对 象 是 否 为 空 。 如 果 不 为 空 ， 说 明 已 经 有 小 球 了 ， 剩 下 的 可 以 跳 过 。 




















public function moveBall() { 
// 如 果 已 经 有 小 球 了 ， 不 运行 此 处 
if (ball == null) return; 
lastTime 变量 初始 化 为 0, 而 不 是 getTimer 的 值 。 这 样 ， 用 来 创建 游戏 对 
象 并 第 会 制 屏 幕 的 时 间 ， 就 不 会 用 来 确定 第 一 次 动画 运行 的 时 间 。 例如， 如 果 游 戏 启 动 花 费 





了 500 ms，getTimer () 的 值 减 去 lastTime 的 值 就 为 500 ms 甚至 更 多 。 因 此 ， 小 球 会 早 在 玩 
家 作出 反应 之 前 就 弹跳 起 来 。 























游戏 耗费 500 ms 来 局 动 的 一 个 原因 是 ， 对 象 应 用 了 和 斜 角 过 滤器 。 这 会 降低 游戏 的 启动 速 
度 ， 用 来 修饰 砖 块 和 挡 板 的 外 观 。 但 是 ， 在 碰撞 初始 化 后 ， 它 不 会 影响 游戏 的 运行 。 



























































根据 lastTime 的 初始 值 为 0, 我 们 可 以 在 动画 函数 中 识别 它 并 赋予 它 新 的 值 。 这 意味 着 函 
数 第 一 次 运行 时 timePassed 的 值 很 可 能 也 为 0。 但 是 , 这 不 会 产生 任何 影响 。 我 们 这 么 做 是 为 
了 确保 在 第 一 次 调用 moveBall 函数 后 ， 动 画 计 时 器 才 开 始 运行 : 
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/ /获得 小 球 的 新 位 置 

if (lastTime == 0) lastTime = getTimer(); 
Var timePassed:int = getTimer()-lastTime; 
lastTime += timePassed; 

Var newBallX = ball.x + ballDX*timePassed; 
Var newBallY = ball.y + ballDY*timePassed; 


3. 碰撞 检测 
为 开始 碰撞 检测 ， 我 们 先 读 取 小 球 的 方形 外 框 。 事 实 上 ， 我们 获得 两 个 版 本 的 方形 外 框 : 当 
前 的 小 球 外 框 〈 称 为 olgBallRect ) ， 以 及 顺利 完成 某 方向 的 运动 后 的 小 球 外 框 〈 称 为 


newBallRect) 。 








说 明 


Rectangle 对 象 可 以 帮助 你 读 取 更 多 对 象 被 赋予 的 信息 ， 它 可 以 作为 一 个 范例 。 你 为 对 
象 设置 了 x 和 y 方位 以 及 对 象 的 宽 和 高 。 不 过 ， 你 可 以 要 求 它 解析 方形 外 框 其 他 的 信息 ， 
如 外 框 的 顶部 、 底 部 、 左 边 和 右边 的 位 置 。 你 还 可 以 在 角落 处 应 用 point 对 象 (如 
bottomRight 对 象 ) 。 我 们 的 计算 过 程 中 会 用 到 外 框 的 顶端 、 底 部 、 左 边 和 右边 的 位 置 。 















































































































































计算 oldBallRect 和 newBallRect 的 方式 是 ,用 其 x 和 Yy 的 位 置 加 上 或 减 去 ballRadius 
(小 球 半径 ) 。 例 如 ，bal1.x-ballRadius 得 出 方形 外 框 的 x 方位 ，ballRadius* 得 出 外 框 的 
宽度 。 计 算 padgleRect 也 是 同样 的 道理 : 
var oldBallRect = new Rectangle(bal1.x-ball1Radius， 
ball.y-ballRadius, ballRadius*2, ballRadius*2); 
Var newBallRect = new Rectangle (newBallx-ballRadius, 
newBallY-ballRadius, ballRadius*2, ballRadius*2); 
var paddleRect = new Rectangle (paddle.x-paddleWidth/2, 
paddle.y-paddleHeight/2, paddleWidth, paddleHeight); 


有 了 这 3 个 方形 外 框 对 象 , 我 们 就 可 以 通过 它们 来 判断 小 球 是 否 与 挡 板 发 生 了 碰撞 。 当 小 球 
的 底部 与 挡 板 的 顶部 相 欠 时 ， 它 们 发 生 了 碰撞 , 但 是 ,判断 它们 相交 的 这 个 时 刻 远 比 看 上 去 要 复 
杂 。 我 们 不 想 只 是 简单 地 去 判断 小 球 的 底部 位 置 是 否 大 于 挡 板 的 顶部 位 置 。 我 们 所 要 知道 的 是 ， 
这 一 事 刚刚 件 发 生 了 ， 就 在 动画 运行 的 这 一 刻 。 因 此 ,正确 的 问题 应 该 是 : 小 球 底部 的 位 置 是 否 
大 于 挡 板 顶部 的 位 置 ， 以 及 之 前 小 球 的 底部 是 否 高 于 挡 板 的 顶部 。 如 果 这 两 个 条 件 都 满足 ， 则 小 
球 是 刚刚 与 挡 板 相交 。 图 5-12 直观 地 解释 了 上 述 内 容 。 

这 里 还 需要 进行 一 个 测试 , 确定 小 球 的 水 平 位 置 是 否 与 挡 板 的 水 平 位 置 匹配 。 如 果 小 球 的 右 
边 位 置 大 于 挡 板 的 左边 ， 且 小 球 的 左边 位 置 小 于 挡 板 的 右边 ， 则 表明 发 生 了 碰撞 。 

如 果 发 生 磁 撞 ， 小 球 要 向 上 偏 移 一 点 点 。 这 可 以 通过 改变 bal1DY 的 方向 来 完成 。 另外， 小 
球 要 定义 新 的 方位 。 毕 竞 小 球 不 能 像 现在 这 样 一 直 与 挡 板 相交 ， 如 图 5-12 所 示 。 
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《一 oldBallRect.bottom 


paddleRecttop 一 》 newBallRect.bottom 


图 5-12 此 图 显示 了 前 一 帧 中 的 小 球 以 及 在 无 障碍 的 情况 下 小 球 的 当前 位 置 。 实 际 上 ， 
小 球 与 挡 板 相 撞 并 发 生 了 偏向 


此 ， 计 算 小 球 穿 过 挡 板 那 部 分 的 距离 ， 然 后 将 小 球 向 上 偏 移 两 倍 的 距离 ， 如 图 5-13 所 示 。 


小 球 底部 的 新 位 置 














时 





反射 =2x 经 过 的 距离 
经 过 的 距离 





预测 的 小 球 的 底部 位 置 














图 5-13 ”小 球 微微 进入 挡 板 一 段 距离 ， 因 此 ， 它 再 向 上 移动 至 距离 之 前 一 样 的 距离 





// 与 挡 板 碰撞 
if (newBallRect.bottom >= paddleRect.top) { 
if (oldBallRect.bottom < paddleRect.top) { 
if (newBallRect.right > paddleRect.left) { 
if (newBallRect.left < paddleRect.right) { 


// 小 球 弹 回 

newBallY -= 2* (newBallRect.bottom - paddleRect .top); 
ballDY *= -1; 

/ /确定 新 的 运动 角度 

ballDxXx = (newBallX-paddle.x)*paddleCurve; 


} 
当 小 球 的 垂直 速率 被 简单 地 反射 后 ,小 球 的 水 平 速率 bal1Dx 的 值 也 要 重新 设置 。 该 值 由 距 


Es paddleCurve 常量 决定 。 
这 里 的 思路 是 ， 需 要 由 玩家 来 引导 小 球 的 方向 。 如 果 小 球 撞击 的 是 平 请 的 表面 ， 小 球 只 会 以 
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它 最 初 的 那个 角度 运行 而 不 会 转向 任何 其 他 角度 。 这 样 的 话 ， 游 戏 最 后 不 可 能 成 功 。 
此 游戏 所 要 实现 的 效果 是 , 小 球 从 挡 板 的 中 心 来 回 弹 跳 , 并 且 以 越 来 越 大 的 斜 角 方向 运动 至 


说 明 


通常 ， 为 了 直观 地 展现 这 种 弹跳 效果 ， 会 在 挡 板 的 上 方 男 一 条 缴 线 。 这 样 可 以 向 玩家 
晰 地 展示 小 球 与 挡 板 碰撞 后 的 运动 轨迹 。 但 是 ， 自从 有 一 个 游戏 这 么 做 了 几 包 和 本 
一 个 Breakout 风格 的 游戏 都 会 男 出 这 么 一 条 曲线 ， 使 在 游戏 中 男 出 运动 轨迹 弧 线 变 成 理 
所 当然 。 



























































































































































如 果 小 球 错过 了 挡 板 ， 则 不 会 再 反弹 回来 。 但 是 ,我 们 不 会 立即 移 除 小 球 ， 而 是 一 直 等 到 小 
球 运 行 到 屏幕 底部 再 移 除 它 。 

如 果 这 个 被 移 除 的 小 球 是 最 后 一 个 ,那么 游戏 结束 ,调用 endCame 函数 ,不 然 ,gameMessage 
文本 字段 会 显示 Click For Next Ball。 由 于 ball 变量 的 值 被 设 为 空 ， 因 而 moveBall 函数 不 会 再 
起 任何 作用 。 另 外 ,newBall 函数 会 接收 鼠标 单 击 事件 然后 创 建新 的 小 球 。 我 们 必须 通过 return 
命令 退出 此 函数 。 如 果 小 球 消失 了 ， 就 不 需要 再 检测 小 球 与 墙 或 砖 块 的 撞击 : 

} else if (newBallRect.top > 400) { 
removeChild(ball); 
ball & Til 
if (balls > 0) { 
gameMessage.text = "Click For Next Ball"; 


} else { 
endGame ();，; 








} 
return; 
} 
} 


接着 , 检测 小 球 与 上 方 三 面 墙 的 碰 接 。 这 些 碰撞 检测 都 相对 简单 ， 因 为 小 球 不 可 能 穿 过 任何 
一 面 墙 。 每 次 碰撞 后 ， 小 球 的 垂直 或 水 平 速率 会 反 向 ， 并 且 小 球 的 位 置 会 以 与 小 球 和 挡 板 碰撞 后 
类 似 的 处 理 方式 重新 设置 ， 因 此 小 球 不 会 在 墙 的 “内 部 ” 
// 与 上 方 墙壁 碰撞 
if (newBallRect.top < wallTop) { 


newBallY += 2*(wallTop - newBallRect .top); 
ballDY *= -1; 











} 


// 与 左边 墙壁 碰撞 

if (newBallRect.left < wallLeft) { 
newBallx += 2*(wallLeft - newBallRect.left); 
ballDxX *= -1; 
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/ /与 右边 墙壁 碰撞 

if (newBallRect.right > wallRight) { 
newBallx += 2* (wallRight - newBallRect.right); 
ballDX *=,.51 


要 检测 小 球 与 砖 块 的 碰撞 ,我 们 需要 循环 所 有 的 砖 块 然 后 逐个 检测 。 对 每 个 砖 块 ， 我 们 都 创 
建 一 个 brickRect， 这 样 ， 我 们 就 可 以 得 到 砖 块 的 顶部 、 底 部 、 左 边 和 右边 的 方位 ， 与 读 取 小 
球 信息 的 方式 类 似 。 














通常 ， 当 你 循环 数组 查找 碰撞 时 ， 是 反 过 来 做 的 。 这 样 ， 你 就 不 用 跳 过 列表 中 的 任何 元 
素 。 但 在 这 里 ， 我 们 可 以 持续 检索 ， 因 为 当 小 球 与 砖 块 发 生 碰撞 后 ， 我 们 会 停止 对 其 他 
础 撞 进 行 检索 (同一 时 间 只 可 能 发 生 一 次 础 撞 ) 。 





























































































































检测 与 砖 块 的 碰撞 很 简单 ， er ra a 租 多 。 人 
的 Rectangle 对 象 , 所 以 我 们 可 以 很 方便 地 通过 intersects 函数 判断 小 球 所 处 的 新 位 置 是 
在 砖 块 内 。 

如 果 在 的 话 ， 则 要 判断 小 球 是 从 哪个 方向 撞击 砖 块 的 。 通 过 一 系列 的 测试 ， 比 较 小 球 的 两 侧 
与 方块 的 两 侧 ， 当 交叉 面 找到 时 ， 小 球 以 正确 的 方向 反弹 并 调整 定位 : 








/ /与 砖 块 碰撞 
for (var i:int=bricks.length-1;i>=0;i--) { 
// 获 得 砖 块 的 矩形 
Var brickRect:Rectangle = bricks[i] .getRect (this); 
/ /是 否 有 砖 块 发 生 碰撞 
if (brickRect.intersects (newBallRect)) { 


/ /小 球 撞击 砖 块 的 左边 还 是 右边 

if (oldBallRect.right < brickRect.left) { 
newBallx += 2* (brickRect.left - oldBallRect.right); 
ballDx *= -1; 

} else if (oldBallRect.left > brickRect.right) { 
newBallx += 2* (brickRect.right - oldBallRect.left); 
ballDx *= -1; 

} 


/ /小 球 撞击 的 是 顶部 还 是 底部 
if (oldBallRect.top > brickRect.bottom) { 
ballDY *= -1; 
newBallY += 2*(brickRect.bottom-newBallRect .top); 
} else if (oldBallRect.bottom < brickRect.top) { 
ballDY *= -1; 
newBallY += 2* (brickRect.top - newBallRect.bottom); 
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如 果 小 球 成 功 撞击 了 一 个 砖 块 ， 则 该 砖 块 需要 被 清除 。 另 外 ， 当 bricks 数组 清空 时 ,游戏 
结束 。 这 里 , 我 们 还 要 用 到 return 命令 , 因为 游戏 结束 后 , 就 不 需要 再 对 小 球 的 位 置 进行 设置 。 
另外 ， 我 们 会 在 碰撞 循环 函数 的 末尾 写 入 break 命令 ， 这样， 当 检 测 到 任 一 碰撞 时 ， 我 们 只 和 需 
要 对 此 碰撞 进行 处 理 ， 而 不 需要 处 理 多 个 碰撞 。 尽 管 小 球 撞击 两 个 砖 块 的 情况 几乎 不 可 能 发 生 ， 
但 是 这 种 情况 会 导致 小 球 运行 怪异 。 

// 移 除 砖 块 
removeChild(bricks[i]); 
bricks.splice(i,1); 

EE (brick Length < 1) { 


endGame () ; 
return; 








} 


/ /处理 一 次 碰撞 结果 即 可 
break; 


} 


// 为 小 球 设置 新 的 位 置 

ball.x = newBallx; 

ball.y = newBallYyY; 
} 


关于 此 游戏 的 另 一 个 重要 方面 是 ， 它 有 两 种 游戏 模式 。 第 一 种 是 ， 小 球 处 于 运动 中 。 第 二 
是 ， 游 戏 等 待 玩家 单 击 屏幕 创建 一 个 新 的 小 球 。 代 码 通过 判断 ball 的 值 来 区 分 这 两 种 模式 。 如 
果 pall 的 值 为 aul1， 则 表示 游戏 处 于 第 二 种 模式 。 


5.3.6 ”游戏 结束 


当 满 足以 下 两 个 条 件 中 的 任 一 个 时 ,游戏 结束 : 玩家 错失 了 最 后 一 个 小 球 , 或 者 最 后 一 个 砖 
块 与 小 球 发 生 碰 撞 。 
与 空袭 游戏 类 似 ， 通 过 endGame 国 数 清除 所 有 剩 下 的 影片 剪辑 。 同 时 将 这 些 影片 剪辑 的 引 
用 设 为 null， 从 而 Flash 播放 器 会 定时 从 内 存 中 清除 这 些 对 象 。 
重要 的 是 检查 bal1 对 象 ， 确 定 它 是 否 已 经 消失 。 因 为 当 玩家 错失 最 后 一 个 小 球 时 ， 如 果 调 
用 endGame 函数 ， 那 么 小 球 会 消失 。 
此 外 ,我 们 还 要 移 除 侦 听 器 ， 即 每 帧 调用 moveobjects 函数 的 侦 听 器 和 侦 听 鼠标 单 击 事件 
的 侦 听 器 。 
function endGame() { 
// 移 除 挡 板 和 砖 块 
removeChild(paddle); 
for(var i:int=bricks.length-1;iS=0;1i-=) { 
removeChild(bricks[i]); 
} 


paddle 
bricks 


nL 
了 本 
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// 移 除 小 球 

Tf (BaLl Ve. fall) 寺 
removeChild(ball); 
Ball. = Hall 


// 移 除 侦 听 器 
removeEventListener (Event .ENTER_FRAME,moveObjects); 
stage.removeEventListener (MouseEvent .CLICK,newBall); 


gotoAndSstop ("gameover"); 


} 
代码 的 最 后 ， 不 要 忘记 添加 大 括号 以 关闭 类 和 包 。 


5.3.7 ”修改 游戏 


此 游戏 还 需要 声音 。 可 以 参照 第 3 章 中 配对 游戏 的 例子 简单 地 为 此 游戏 添加 声音 。 先 从 添加 
小 球 与 挡 板 撞击 和 小 球 与 砖 块 撞击 的 声音 开始 。 另 外 , 再 分 别 添加 小 球 撞击 墙壁 及 玩家 错失 小 球 
的 声音 会 更 好 。 

另 一 个 不 错 的 修改 是 ,为 砖 块 设置 不 同 的 颜色 。 你 可 以 在 Brick Graphic 影片 剪辑 中 设置 多 帧 ， 
通过 停留 某 帧 设 定 其 颜色 。 可 以 将 每 行 砖 块 设置 成 一 种 颜色 。 

游戏 计 分 是 个 不 错 的 主意 ,尽管 游 戏 中 并 没有 明显 的 竞争 。 如 果 创 建 多 个 游戏 等 级 ， 则 对 游 
戏 计 分 会 更 好 。 你 可 以 通过 每 个 等 级 增加 小 球 的 运行 速度 来 创建 多 个 等 级 , 或 为 每 个 等 级 设置 不 
同 的 砖 块 布局 。 

当 玩 家 清除 所 有 砖 块 后 ， 小 球 也 移 除 了 ， 接 着 出 现 消息 文本 Click For Next Level。 然 后 ， 当 
玩家 单 击 屏幕 时 ， 不 仅 会 创建 新 的 小 球 ， 同 时 还 会 出 现 一 组 新 的 砖 块 。 





















































拼图 游戏 : 滑动 与 拼图 


本 章 内 容 

口 编辑 位 图 图 像 
口 滑动 拼接 游戏 
口 拼图 游戏 




















依赖 于 照片 或 者 细致 的 图 像 的 游戏 有 很 多 。 但 对 于 电脑 游戏 来 说 ， 拼 图 游戏 (jigsaw puzzle) 
还 是 相当 新 的 , 因为 直到 20 世纪 90 年 代 中 期 ,消费 型 个 人 电脑 才 有 足够 的 能 力 来 显示 细致 的 图 像 。 
Flash 中 支持 导入 多 种 图 像 格 式 。 当 然 , 仅仅 导入 它们 是 不 够 的 ， 我 们 还 需要 对 其 进行 操作 。 


幸好 ， 强 大 的 Flash 允许 我 们 直接 访问 位 图 数据 从 而 编辑 图 


戏 中 将 图 像 切 成 小 块 使 用 。 





说 明 
Flash 支持 JPG、 








上 几 种 格式 都 可 
都 是 一 些 Adobe 

















像 。 使 用 这 些 功能 ， 就 可 以 在 拼图 游 

















GIF 和 PNG 图 像 格 式 。JPG 是 照片 的 理想 格式 ， 因 为 它 拥有 良好 的 压缩 






































以 在 Adobe Fireworks 或 Adobe Photoshop 
软件 包 的 组 成 部 分 。 











比 ， 人 在 生成 时 还 可 以 自 定义 压缩 比例 。GIF 也 是 一 种 压缩 格式 ， 它 对 于 只 用 几 种 颜色 绘 
制 的 图 形 有 不 错 的 效果 。PNG 格式 提供 了 良好 的 压缩 比 和 出 色 的 全 分 辩 率 显示 效果 。 以 

















P 创建, 这 两 个 软件 和 Flash 


接 下 来 ,让 我 们 先 看 看 导入 和 编辑 图 像 背 后 的 基础 知识 。 然 后 ， 来 研究 两 个 游戏 ， 它 们 使 用 
了 从 外 部 导入 图 像 切 成 的 小 块 。 








164 第 6 章 拼图 游戏 : 滑动 与 拼图 





6.1 编辑 位 图 图 像 
源 文件 


http://flashgameu.com 
A3GPU206_Bitmap.zip 


在 使 用 位 图 之 前 ， 必 须 先导 入 它 。 当 然 ， 你 也 可 以 使 用 Flash 库 中 的 位 图 ， 方 法 是 先 给 它 设 
置 一 个 类 名 ,然后 通过 类 名 来 访问 它 。 不 过 ,通常 情况 下 我 们 都 是 直接 导入 外 部 位 图 ， 这 样 更 加 
便捷 有 效 。 


6.1.1 导入 位 图 


Loader 对 象 是 一 个 特殊 的 Sprite 类 , 它 从 外 部 源 获 取 数 据 , 使 用 时 必须 搭配 一 个 URLRequest， 
用 来 处 理 网 络 文件 访问 。 

下 面 的 例子 导入 一 张 JPG 图像， 并 将 其 放置 在 屏幕 上 。 首 先 创建 一 个 Loader 对 象 和 一 个 
URLRequest 实例 ， 然 后 使 用 1oad 命令 将 它们 配对 。 整 个 过 程 只 需要 3 行 代码 。 接 下 来 ,我们 
使 用 aadchila 将 Loader 对 象 添 加 到 舞台 上 ， 就 和 操作 普通 的 Sprite 一 样 。 


package { 
import flash.display.*; 
import flash.net.URLRequest; 



































public class BitmapExample extends MovieClip { 


public function BitmapExample() { 
Var loader:Loader = new Loader (); 
Var request:URLRequest = new URLRequest ("myimage.jpg"); 
loader.load (request); 
adqdChild(loader); 


} 
} 


图 6-1 显示 了 使 用 这 种 方法 导入 的 一 张 图 像 , 该 图 像 被 放置 在 屏幕 的 左上 方 。 因为 Loader 
对 象 和 普通 显示 对 象 的 显示 方式 一 致 ， 我 们 可 以 设置 它 的 x 和 y 坐标 值 ， 将 它 放 置 在 屏幕 中 央 
或 者 任何 我 们 希望 的 位 置 上 。 











说 明 


尽管 URLRequest 通常 用 于 和 Web 服务 器 打交道 ， 不 过 进行 测试 时 ， 也 可 以 使 用 本 
地 硬盘 上 的 数据 。 
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BitmapExample.swf 


























图 6-1 这 张 位 图 图 像 是 从 外 部 导入 的 ， 导 入 后 其 行为 和 普通 的 显示 对 象 并 无 二 致 


在 导入 游戏 的 介绍 性 或 者 指令 性 图 形 时 ， 以 上 方法 会 非常 有 用 。 比 如 说 ， 你 的 公司 logo 就 
可 以 使 用 上 述 方法 导入 和 显示 。 不 用 把 logo 瞬 入 到 Flash 游戏 的 每 一 个 页 面 上 ， 只 需要 一 个 
logo.png 文件 , 并 用 一 个 Loader 和 URLRequest 导入 并 显示 它 。 如 果 logo 发 生 了 变化 ,只 需 
更 新 这 个 logo.png 文件 ， 所 有 的 页 面 都 会 发 生 更 改 。 
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之 前 我 们 介绍 了 如 何 导入 并 显示 位 图 。 接 下 来 ,为 了 构建 拼图 游戏 ,我们 需要 更 进一步 : 深 
入 位 图 数据 ， 将 位 图 切 分 成 很 多 小 块 。 

我 们 需要 对 之 前 的 例子 作 的 第 一 个 变动 是 ,判断 位 图 何 时 导入 完成 并 对 其 进行 后 期 处 理 。 我 
们 使 用 了 事件 侦 听 器 Event .COMPLETE 来 处 理 。 将 该 侦 听 器 添加 到 Loader 对 象 上 ， 就 可 以 将 
所 有 的 处 理 代 码 都 放 入 对 应 的 事件 响应 国 数 10adingDone 中 。 

















说 明 


除了 使 用 Event .COMPLETE 外 ， 你 还 可 以 获取 图 像 加 载 过 程 中 的 许多 状态 信息 。 
在 Flash 文档 中 查看 URLRequest， 可 以 找到 许多 ， 展 示 加 载 情况 的 例子 ， 綦 
至 捕获 和 处 理 错误 的 方法 。 





































































































以 下 展示 了 新 类 的 开头 。 我 们 接 下 来 要 使 用 flash.geom 类 ， 所 以 先 包含 了 它 的 头 文件 。 
我 还 把 导入 代码 放 在 了 LoadBitmap 国 数 中 ， 这 样 可 以 方便 地 切换 到 本 章 后 续 的 游戏 版 本 中 。 
package { 
import flash.display.*; 


import flash.events.*; 
import flash.net.URLRequest; 
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import flash.geom.*; 
public class BitmapExample extends MovieClip { 


public function BitmapExample() { 
loadBitmap ("testimage.jpg"); 
} 


// 从 外 部 得 到 一 张 图 像 
public function loadBitmap (bitmapFile:String) { 
Var loader:Loader = new Loader (); 
loader.contentLoaderIinfo.addEventListener!( 
Event .COMPLETE, loadingDone); 
Var request:URLRequest = new URLRequest (bitmapFile); 
loader.load (request); 


} 
当 图 像 导 入 完成 后 ，1oadingDone 函数 被 调用 。 它 首先 创建 一 个 新 的 Bitmap 对 象 ， 然 后 
从 event.target.loader.content ( 即 原始 Loader 对 象 的 content 属性 ) 中 得 到 数据 。 
private function loadingDone (event :Event) :voidq { 
/ /得 到 导入 的 数据 
Var image:Bitmap = Bitmap (event.target.loader.content); 
由 于 image 变量 包含 了 content 的 数据 ,我 们 可 以 通过 访问 它 的 wiath 和 height 属性 得 到 
位 图 的 宽度 和 高 度 值 。 通过 这 些 属性 我 们 可 以 得 到 每 个 拼图 小 块 的 宽度 和 高 度 值 。 举 个 例子 , 假 
设 我 们 的 拼图 有 6 列 4 行 。 那么 ， 整 个 位 图 的 宽度 除 以 6 就 得 到 了 每 个 小 块 的 宽度 ， 总 高 度 除 以 
4 就 得 到 了 每 个 小 块 的 高 度 : 
/ /计算 每 个 小 块 的 宽度 和 高 度 


Var pieceWidth:Number = image.width/6; 
Var pieceHeight:Number = image.height/4; 


现在 ,我 们 遍历 所 有 的 6 列 4 行 来 创建 每 个 拼图 小 块 : 
/ /遍历 所 有 的 小 块 


for(var x:uint=0;x<6;x++) { 
for (var y:uint=0;y<4;y++) { 


创建 小 块 需要 首先 构造 新 的 Bitmap 对 象 。 我 们 在 Bitmap 的 构造 函数 中 指定 之 前 计算 出 来 
的 宽度 和 高 度 。 然 后 ， 使 用 copyPixels 函数 ， 将 原始 位 图 中 的 指定 部 分 复制 到 新 创建 位 图 的 
bitmapData 属性 中 。 
copyPixels 国 数 带 有 3 个 参数 : 复制 的 图 像 ， 复 制 的 图 像 范 围 (和 矩形 区 域 )， 目标 
图 像 的 起 始点 ((0,0) 表 示 从 左上 角 开 始 显 示 ) : 
/ /创建 新 的 小 块 


Var newPuzzlePieceBitmap:Bitmap = 
new Bitmap (new BitmapData (pieceWidth, 
pieceHeight)); 
newPuzzlePieceBitmap.bitmapData.copyPixels!( 
image.bitmapData,new Rectangle (x*pieceWidth, 
y*pieceHeight,pieceWwidth, 
pieceHeight),new Point (0,0)); 
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位 图 本 身 不 是 我 们 的 最 终 目 的 ， 我 们 希望 得 到 的 是 一 个 显示 在 屏幕 上 的 Sprite。 所 以 ,我 
们 创建 一 个 新 的 sprite， 然 后 将 位 图 设 为 它 的 子 节点 。 将 Sprite 添加 到 舞台 ， 则 位 图 也 就 可 
以 在 舞台 上 显示 了 。 
/ /创建 新 的 Sprite， 将 位 图 数据 赋 给 它 


Var newPuzzlePiece:Sprite = new SPrite(): 
newPuzz1lePiece.addchild(newPuzz1lePieceBitmap) ; 








// 添 加 到 王 台 
addchild (newPuzz1lePiece) ; 


最 后 ,设置 拼图 小 块 的 位 置 。 我 们 希望 根据 它 所 在 的 行 和 列 在 屏幕 上 进行 放置 ， 相 邻 的 小 块 
之 间 设 置 5 个 像素 的 间隔 ， 同 时 在 水 平和 垂直 方向 上 增加 20 像素 的 偏 移 量 。 图 6-2 展示 了 所 有 
24 个 拼图 小 块 。 
/7 设置 位 置 


newPuzzlePiece.x x* (pieceWidth+5)+20; 
newPuzzlePiece.y 


y* (pieceHeight+5)+20; 
} 
} 


BOe BitmapExample.swf 





\| 
| 


Ws hi 
[到 吓 
| 


图 6-2 ”导入 的 图 像 被 切 分 成 了 24 片 ， 分 开放 置 在 屏幕 上 

现在 我 们 知道 了 如 何 将 导入 的 图 像 切 分 , 创建 一 组 拼图 小 块 。 接 下 来 我 们 可 以 使 用 这 些小 块 创 
建 游戏 。 首 先 ， 我 们 创建 一 个 简单 的 滑动 拼接 游戏 ， 然 后 ， 我 们 尝试 创建 一 个 较 复杂 的 拼图 游戏 。 
6.2 ”滑动 拼接 游戏 

源 文件 


http://flashgameu.com 
A3GPU206_SlidingPuzzle.zip 
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很 难 想象 ， 像 滑动 拼接 这 样 的 游戏 ,在 电脑 出 现 之 前 就 以 实体 的 形式 存在 了 。 实 体 游戏 使 用 
一 个 小 的 手持 方形 塑料 盒子 ,通常 盒子 有 16 个 格子 ,将 15 个 塑料 的 拼图 小 块 锁 在 里 面 。 玩 家 可 
以 请 动 小 块 ， 将 其 谓 入 唯一 一 个 没有 小 块 的 格子 里 ， 接 着 可 以 继续 请 动 新 的 小 块 到 空 的 格子 。 这 
个 过 程 可 以 一 直 持 续 下 去 ， 直 到 小 块 按照 顺序 排列 好 。 

实体 版 本 通常 不 是 拼接 成 一 个 图 像 ， 而 是 从 1 到 15 的 数字 ， 我 们 称 之 为 15 拼图 游戏 。 




















说 明 


实体 版 本 的 麻烦 在 于 盒子 经 常会 卡 住 ， 受 挫 的 玩家 就 把 手指 伸 进 格 椰 ， 试 图 用 灾 力 去 拆 
它们 。 另 外 ， 当 拼图 完成 后 ， 你 需要 移 开 视线 ， 随 机 将 小 块 移动 一 小 会 ， 然 后 才 可 以 
重新 开始 新 的 游戏 。 
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在 电脑 上 , 游戏 可 以 运行 得 更 好 。 首 先 ， 你 可 以 针对 同一 个 图 像 设 置 不 同 的 盒子 ,也 可 以 每 
次 更 换 新 的 图 像 ， 让 玩家 在 快 完成 的 时 候 发 现 这 张 图 像 。 而 且 ， 电脑 可 以 在 每 次 游戏 开始 时 ， 随 
机 安排 拼图 小 块 。 

还 有 ， 在 电脑 上 盒子 还 永远 不 会 卡 住 ! 

在 我 们 的 请 动 拼 接 游 戏 中 ， 从 图 像 中 切 分 的 小 块 数量 是 变化 的 。 而 且 ， 每 次 游戏 开始 时 ， 都 
对 小 块 进行 随机 排列 。 我 们 还 为 小 块 从 一 个 格子 移动 到 另 一 个 格子 的 过 程 增加 了 动画 , 使 小 块 看 
起 来 好 像 在 滑动 。 玩 家 完成 了 拼接 后 ， 我 们 可 以 识别 出 游戏 完成 了 。 


6.2.1 设置 影片 


这 个 游戏 使 用 了 和 前 两 章 一 样 的 三 帧 框架 : intro、play 和 gameover。 指 令 介 绍 放 在 第 1 帧 上 。 
游戏 中 唯一 需要 的 图 像 就 是 外 部 导入 的 JPG 图 像 ， 称 为 slidingimage.jpg。 将 它 的 大 小 设置 
成 400 像素 x 300 像素 。 

















说 明 


为 这 样 一 个 游戏 创建 图 像 时 ， 图 像 大 小 和 压缩 比 是 两 个 需要 考虑 的 问题 。 本 章 中 使 用 的 
3 张 图 像 都 小 于 34KB。 每 张 都 是 400 像素 x 300 像素 ，JPEG 格式 ， 压 缩 比 为 80%。 
如 果 采 用 无 损 压 缩 ， 那 么 很 容易 生成 是 这 些 图 像 20 倍 大 小 的 图 像 ， 像 PNG 文件 一 样 。 
但 在 我 们 的 游戏 中 ， 并 不 需要 这 么 高 的 质量 ， 这 只 会 增加 玩家 的 下 载 时 间 。 



































































































































我 们 已 经 切 分 了 拼接 图 像 ,而 且 移 除 了 右 下 角 的 小 块 。 玩 家 需要 右 下 角 这 个 格子 来 移动 小 块 。 
因此 ， 最 好 选择 一 张 右 下 角 没 有 重要 信息 的 图 像 。 


6.2.2 ”设置 类 
请 动 拼接 游戏 需要 URLRequest 和 geom 类 来 处 理 图 像 。 我 们 还 使 用 了 一 个 Timer 对 象 来 
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简化 请 动 动画 的 实现 ; 
package { 
import flash.display.*; 
import flash.events.*; 
import flash.net.URLRequest; 
import flash.geom.*; 
import flash.utils.Timer; 


这 个 游戏 需要 定义 很 多 常量 ,首先 是 小 块 之 间 的 间隔 和 所 有 小 块 的 偏 移 量 。 我 们 还 定义 了 图 
像 会 被 切 分 为 多 少 个 小 块 ， 本 例 中 是 4x3: 
public class SlidingPuzzle extends MovieClip { 
// 小 块 之 间 的 间隔 和 偏 移 量 
static const pieceSpace:Number = 2; 
static const horizOffset:Number = 50; 
static const vertOffset:Number = 50; 


/ /小 块 数量 
static const numPpiecesHoriz:int = 4; 
static const numPiecesVert:int = 3; 


说 明 


拼图 的 行列 数量 最 好 和 图 像 的 尺寸 大 致 对 应 。 天 ， 我 们 知道 图 像 大 小 是 400 x 
300， 然 后 设置 有 4 x 3 个 小 块 ， 所 以 小 块 的 大 小 就 是 100 x 100。 如 果 设 置 小 块 为 非 了 
方形 的 尺寸 也 可 以 ， 比 如 说 设置 小 块 为 4x4， 则 每 个 大 小 为 100 x 75， 但 通常 情况 下 不 
要 让 小 块 太 不 规整 。 

























































































为 了 在 游戏 开始 的 时 候 让 拼图 小 块 随机 排列 在 板 上 , 我 们 进行 了 一 定数 量 的 随机 移动 。 我 们 
会 在 6.2.5 市 中 作 更 详细 的 介绍 。 同 时 ， 我 们 需要 一 个 常量 来 保存 随机 移动 的 数量 以 便于 更 改 。 
// 随 机 移动 次 数 
static const numShuffle:int = 200; 
拼接 小 块 使 用 一 个 Timer 控制 平滑 移动 。 我 们 还 设置 了 一 个 完整 移动 需要 的 次 数 和 时 间 : 
/ /动画 的 次 数 和 时 间 


static const slideSteps:int = 10; 
static const slideTime:int = 250; 








0 中 度 和 高 度 可 根据 numPiecesHoriz 和 numPiecesVert 常量 ,以 及 图 像 的 尺 
行 计算 。 我 们 在 图 像 导 入 之 后 可 以 计算 出 这 个 数值 : 


// 小 块 尺寸 
private var pieceWidth:Number; 
private Var pieceHeight :Number; 


我 们 需要 一 个 数组 来 存储 拼接 小 块 。 不仅 需要 存储 对 新 创建 小 块 的 引用 , 还 需要 存储 一 个 小 
对 象 ， 它 包含 了 拼接 小 块 在 完成 的 拼图 中 的 位 置 : 
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/ /小 块 集合 
private var puzzleObjects:Array; 

我 们 需要 许多 变量 来 跟踪 游戏 的 运行 和 移动 。 首先, 我 们 定义 blankPoint, 它 是 一 个 Point 
对 象 ， 给 出 了 拼图 中 的 空白 区 域 。 当 玩家 单 击 一 个 与 小 块 相 邻 的 的 空白 点 时 ， 小 块 就 会 从 它 上 面 
滑 过 。sligdingPiece 保存 了 一 个 对 小 块 移动 的 引用 ，sliaqeDirection 和 slideAnimation 
变量 用 来 简化 动画 过 程 : 


/ /跟踪 移动 

private Var blankPoint:Point; 
private var slidingPiece:Object; 
private var slideDirection:Point; 








private var slideAnimation:Timer; 
玩家 单 击 Start 按钮 后 ， 他 们 进入 第 2 帧 一 -startSliaingPuzzle。 和 其 他 游戏 中 的 构造 
函数 不 同 ， 这 里 的 构造 函数 只 做 很 少 的 事情 ， 且 在 图 像 导 入 之 前 ， 它 几乎 什么 也 不 做 。 
pblankPoint 变量 被 设置 为 舞台 的 右 下 方 ， 使 用 了 两 个 常量 。 然 后 ， 将 图 像 文件 名 称 作为 参 
数 调用 loadBitmap: 


public function startSlidingPuzzle() { 
// 空 白 区 域 在 右 下 角 


blankPoint = new Point (numPiecesHoriz-1,numPiecesVert-1); 














// 寻 入 图 像 
loadBitmap("s1idingpuzzle.]jpg") :; 


说 明 
记 住 ， 我 们 在 ActionScript 中 的 数组 和 循环 中 ， 都 是 从 0 开始 计数 的 。 因 此 ， 左 
角 的 小 块 位 置 是 (0.0)。 右 下 角 的 小 块 的 位 置 是 小 块 总 数 减 去 1， 或 者 记 为 
numPiecesHoriz-1。 如 果 一 个 拼图 有 4 列 3 行 ， 那 么 (3， 2) 表 示 右 下 角 ， 或 者 用 


numpPiecesHoriz-1,numpPiecesVert-1 表示 。 






























































6.2.3 导入 图 像 


loadBitmap 函数 的 用 法 和 我 们 之 前 的 例子 中 的 一 致 : 


// 从 外 部 导入 位 图 

public function loadBitmap (bitmapFile:String) { 
Var loader:Loader = new Loader (); 
loader.contentLoaderIinfo.addEventListener (Event .COMPLETE, loadingDone); 
Var request:URLRequest = new URLRequest (bitmapFile); 
loader.load (request); 


} 
loadingDone 国 数 在 这 里 比 之 前 的 例子 中 更 加 重要 。 图 像 导 和 成功 后 ， 可 以 得 到 它 的 宽度 
和 高 度 ， 我 们 就 可 以 计算 出 每 一 个 小 块 的 尺寸 。 设 置 好 了 小 块 的 尺寸 之 后 ， 我 们 就 可 以 调用 


6.2 滑动 拼接 游戏 ”171 











makePuzzlePieces 国 数 对 图 像 进行 切 分 。 最 后 ，shufflePuzzlePieces 将 拼图 进行 随机 打 
乱 ， 完 成 游戏 的 准备 工作 : 


// 位 图 导入 完成 ， 切 成 小 块 

public function loadingDone (event :Event) :void { 
/ /创建 新 的 图 像 来 放置 位 图 
Var image:Bitmap = Bitmap (event.target.loader.content); 
pieceWidth = image.width/numPpiecesHoriz; 
pieceHeight = image.height/numPiecesVert; 











// 切 成 小 块 


makePuzzlePieces (image.bitmapData); 


/ /移动 它 们 


shufflePuzzlePieces (); 


6.2.4 将 图 像 切 分 成 小 块 


虽然 在 之 前 的 例子 中 已 经 将 图 像 切 分 成 小 块 了 ， 但 是 我 们 并 没有 创建 所 有 必需 的 数据 对 象 。 


makePuzzlePieces 国 数 通过 创建 数组 buzzleobjects 来 保存 数据 。 在 拼图 小 块 对 象 自身 以 
及 它 的 位 置 都 创建 好 以 后 ， 我 们 创建 临时 变量 newPuzzleObject。 


在 newPuzzleobject 中 ， 要 设置 3 个 属性 。 第 一 个 是 currentLoc， 它 是 Point 对 象 
定义 了 当前 拼图 小 块 所 在 的 位 置 。 比 如 ， i op (3,2) 表 示 右 下 角 。 

类 似 地 ，homeLoc 包含 Point 对 象 。 它 定义 了 小 块 的 原始 (和 最 终 ) 位 置 。 它 在 游戏 过 程 
中 不 会 改变 ， 从 而 提供 了 一 个 方法 ， 让 我 们 能 够 判断 每 个 小 块 是 否 回 到 了 正确 位 置 。 














说 明 

另 一 种 方法 是 将 currentLoc 和 homeLoc 设置 为 对 应 的 Sprite 的 属性 。 这 样 一 来 ， 
数组 中 就 只 存储 了 Sprite 本 身 。 在 前 一 种 方法 中 , 3 个 属性 值 分 别 是 puzzleObjects- 
al eneneroon>Icon ee nomnrnoeilouz oP ee Sreee 
而 在 后 一 种 方法 中 ， 相 同 的 数据 使 用 puzzleObjects[x] .currentLoc、 
puzzleObjects[x] .homeLoc 和 puzzleobjects [xl 来 获取 (因为 存储 的 是 
Sprite， 所 以 不 需要 .piece) 。 我 更 喜欢 创建 一 组 独立 的 对 象 ， 来 确保 ActionScript 
每 次 都 可 以 直接 获取 需要 的 信息 ， 而 不 用 去 向 Sprite 对 象 请 求 。 

















































































































































































































在 newPuzzleobject 中 ， 还 有 一 个 piece 属性 。 它 保存 了 对 小 块 的 Sprite 的 引用 。 
我 们 将 所 有 创建 的 newPuzzleobject 对 象 存 储 在 puzzleobjects 数组 中 。 
// 将 位 图 切 成 小 块 
public function makePuzzlePieces (bitmapData:BitmapData) { 
puzzleObjects = new Array (); 
for(var x:uint=0;x<numPiecesHoriz;x++) { 
for (var y:uint=0;y<numPiecesVert;y++) { 
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// 和 忽略 空白 区 域 


(blankPoint.equals (new Point (x,y))) continue; 


六 下 


/ /创建 新 的 拼图 小 块 位 图 和 Sprite 


Var newPuzzlePieceBitmap:Bitmap = 


new. 


Var 
new. 


Puzzle 


Puzzle 





new Bitmap (new BitmapData (pieceWidth,pieceHeight)); 
PieceBitmap.bitmapData.copyPixels (bitmapData, 
new Rectangle (x*pieceWidth,y*pieceHeight, 
pieceWidth,pieceHeight),new Point (0,0)); 


newPuzzlePiece:Sprite = new Sprite(); 


Piece.addChild (newPuzzlePieceBitmap); 


addChild (newPuzzlePiece); 


/ /设置 位 置 


new. 
new. 


Puzzle 
Puzzle 


Piece.x = x* (pieceWidth+pieceSpace) + horizOffset; 





Piece.y = y* (pieceHeight+pieceSpace) + vertOffset; 


/ /创建 对 象 ， 存 储 在 数组 中 


Var 
new. 
new. 
new. 
new. 





newPuzzleObject:Object = new Object (); 
PuzzleObject.currentLoc = new Point (x,y); 
PuzzleObject.homeLoc = new Point (x,y); 
PuzzleObject.piece = newPuzzlePiece; 
PuzzlePiece.addEventListener (MouseEvent .CLICK， 





clickPuzzlePiece); 


puzzleObjects.push (newPuzzleObject); 


} 





每 个 拼图 小 块 都 有 自己 的 事件 侦 听 器 来 侦 听 鼠标 单 击 事件 。 侦 听 器 的 名 称 为 clickPuzzle- 


Piece。 


到 目前 为 止 ， 小 块 都 放置 好 了 ,不 过 我 们 并 没有 进行 重新 排列 。 如 果 不 重新 排列 ， 那 么 游戏 
的 开始 画面 就 会 如 图 6-3 那样 。 

















图 6-3 ”没有 进行 重新 排列 的 请 动 拼 图 。 为 了 让 小 块 能 


够 滑 入 ， 右 下 角 的 小 块 被 移 除了 ， 留 下 了 空间 
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6.2.5 重新 排列 小 块 
当 小 块 的 位 置 放 好 了 之 后 ， 我 们 需要 对 它们 进行 重新 排列 。 这 里 的 思路 是 把 拼图 打 乱 ， 这 


样 玩家 才能 够 感受 到 将 它们 按照 顺序 排 好 的 挑战 。 





一 种 打 乱 拼图 小 块 的 方法 是 , 将 所 有 的 小 块 放置 在 随机 的 位 置 上 。 但是, 这 里 并 不 能 这 样 做 。 





示 了 这 样 一 种 情况 。 
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图 6-4 ”因为 第 14 块 和 第 15 块 无 法 对 换 ， 所 以 这 个 拼图 不 可 解 


因为 如 果 你 将 小 块 以 随机 的 位 置 设置 ， 很 有 可 能 你 再 也 不 能 将 它们 还 原 为 合适 的 排列 。 图 6-4 演 


了 | 21314， 


为 了 防止 出 现 这 样 的 情况 , 我 们 从 完成 的 拼图 开始 , 随机 的 移动 拼图 小 块 ， 直到 拼图 板 看 起 


来 已 经 完全 被 打 乱 了 。 


shufflePuzzlePieces 国 数 遍历 并 调用 shuffleRandom 一 定 的 次 数 。shuffleRandom 


负责 具体 的 移动 工作 : 
/ /进行 一 定 次 数 的 移动 


public function shufflePuzzlePieces() 
for (var i:int=0;i<numShuffle;i++) 
shuffleRandom(); 


{ 
{ 


} 
} 


为 了 让 移动 随机 化 ， 我 们 考虑 拼图 板 上 所 有 的 小 块 。 我 们 将 所 有 可 以 移动 的 小 块 放 进 一 个 


数组 。 然 后 从 数组 中 随机 挑选 出 一 个 移动 ， 并 执行 它 。 


这 里 的 关键 是 valigMove 函数 ， 接 下 来 我 们 将 详细 说 明 。 在 挑 出 了 一 个 随机 移动 后 ， 
shuffleRandom 函数 会 调用 movePiece 函数 ， 这 和 玩家 单 击 进行 移动 的 原理 一 样 : 


// 随 机 移动 
public function shuffleRandom() { 
/ /遍历 以 得 到 合法 的 移动 
Var validPuzzleObjects:Array = new Arrayl( 


入 


for(var i:uint=0;i<puzzleObjects.length;i++) { 
if (validMove (puzzleObjects[i]) != "none") 


validPuzzleObjects.push (puzzleObjects[i]); 


} 
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validMove 


/ /挑选 一 个 随机 移动 


var pick:uint = Math.floor(Math.random()*validPuzzleObjects.length); 


movePiece(validPuzzleObjects[pick], 


} 


currentLoc 属性 ， 可 以 判断 当前 小 块 是 否 


首先 ， 
该 是 一 致 的 .如果 一 致 ,垂直 位 置 ( 即 y 坐标 值 ) 将 


false); 


函数 有 一 个 参数 ， 它 是 指向 puzzleobject 的 引用 。 使 用 这 个 拼图 小 块 的 





邻近 于 空白 区 域 。 


应 该 比 小 块 的 y 坐标 值 currentLoc.y 小 1 
validMove 国 数 ， 小 块 确实 有 一 个 合 





本 


返 


说 明 


03 Ezeinev, PB 


法 的 移动 : 


注意 到 validMove 函数 声明 














valiqdMove 国 数 查看 小 块 的 上 方 。 在 这 种 情况 下 ， 小 块 和 空白 区 域 的 x 坐标 位 置 应 
会 被 比较 。 空 白 区 域 的 y 坐标 值 blankPoint .y 


2 "up" 被 返回 ， 它 会 告诉 

































































样 做 可 以 让 Flash 播放 器 运 














为 返回 一 个 字符 串 。 你 可 以 在 接 下 来 代码 的 第 一 行 看 到 
铝 类型。 主动 指明 队 数 的 返回 类 型 是 一 个 很 好 的 编程 习惯 。 这 
云 行 得 更 高 效 。 


然后 ， 向 下 、 向 左 和 向 右 也 可 以 对 应 地 进行 判断 。 如 果 四 个 方向 上 都 没有 合法 的 移动 ， 就 
"none"。 这 表示 当前 的 拼图 小 块 不 能 移动 。 


public function validMove (puzzleObject:Object): 





// 空 白 区 域 在 上 方 的 判断 

if ((puzzleObject.current 
(puzzleObject .current 
return "up"; 

} 

// 空 白 区 域 在 下 方 的 判断 

if ((puzzleObject.current 
(puzzleObject .current 
return "down"; 

} 

// 空 白 区 域 在 左 方 的 判断 

if ((puzzleObject.current 
(puzzleObject .current 
return "left"; 

} 

// 空 白 区 域 在 右 方 的 判断 

if ((puzzleObject.current 
(puzzleObject .current 
returii "FLIQht"y 

} 

// 没 有 合法 的 移动 

return "none"; 


} 
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当 一 个 重新 排列 完成 后 ， 小 块 的 顺序 就 被 完全 打 乱 了 ， 如 图 6-5 所 示 。 
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Be SlidingPuzzle.swf 

















图 6-5 重新 排列 后 游戏 的 开始 画面 





说 明 


关于 排列 进行 的 次 数 并 没有 一 个 明确 的 要 求 。 我 选择 了 200 次 ， 因 为 这 样 效果 不 错 。 如 
果 你 选择 的 次 数 太 少 ， 那 解决 方案 会 更 简单 。 如 果 你 选择 的 次 数 太 多 了 ， 那 么 游戏 开始 
的 时 候 可 能 会 出 现 短 暂 的 延 返 ， 因 为 重新 排列 的 过 程 正在 进行 。 





























6.2.6 ”对 玩家 单 击 作出 反应 


当 玩 家 单 击 鼠 标 时 ，c1lickPuzzlePiece 函数 被 调用 。 传递 给 clickPuzzlePiece 国 数 的 
事件 有 一 个 currentTarget 属性 , 对 应 了 puzzleobjects 列表 中 的 一 个 小 块 。 一 个 简单 的 循 
环 就 可 以 找 出 这 个 小 块 ， 然 后 调用 movePiece 国 数 。 

// 拼 图 小 块 被 单 击 

public function clickPuzzlePiece(event:MouseEvent) { 

// 找 出 被 单 击 的 小 块 并 移动 它 


for(var i:int=0;i<puzzleObjects.length;i++) { 





if (puzzleObjects[i] .piece == event.currentTarget) { 
movePiece(puzzleObjects[i],true); 
break; 


} 
} 


注意 , 在 shuffleRandom 国 数 中 调用 movePiece 时 , 使 用 了 false 作为 第 二 个 参数 。 而 
当 在 clickPuzzlePiece 国 数 中 调用 movePiece 了 时， 却 使 用 了 true 作为 第 二 个 参数 。 

movePiece 函数 的 第 二 个 参数 是 布尔 类 型 的 slideEffect， 可 以 设置 为 true 和 false。 
如 果 设 置 为 true, 一 个 Timer 对 象 就 会 被 创建 ， 使 得 移动 的 过 程 会 经 历 一 小 段 渐 变 。 如 果 设 置 
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为 false， 则 小 块 立即 移动 。 我 们 希望 在 重新 排列 的 过 程 中 ， 小 块 能 够 立刻 移动 ， 而 在 玩家 进行 
单 击 时 ， 小 块 的 移动 能 够 显示 出 动画 效果 。 

是 否 立 刻 产 生 移动 的 决定 并 不 在 movePiece 中 决定 ，movePiece 调用 validMove 来 决定 
是 否 可 以 向 四 周 进行 移动 。 然后 ，movePiece 国 数 调用 movePieceInDirection， 传 入 4 个 
参数 ,， puzzleObject 和 slideEffect 参数 和 movePiece 的 参数 一 致 , 而 dx 和 dy 则 根据 移 
动 的 方向 设置 。 





说 明 

movePiece 办 数 使 用 ActionScript 中 的 switch 结构 ， 来 分 支 到 四 段 代 码 中 的 一 段 。 
Switch 结构 好 比 一 系列 的 ifE. . .then 语句 , 只 是 把 条 件 判断 变量 只 放 在 了 switch 
那 一 行 中 。 每 一 个 分 支 都 以 case 开头 ， 还 必须 加 上 需要 判断 的 值 。 每 一 个 分 支 必须 以 


break 命令 结尾 。 





































































































// 将 一 个 小 块 移动 到 空白 区 域 
public function movePiece (buzzleobject:object，s1LideEffect:Boolean) { 
// 得 到 空白 区 域 的 方向 


Switch (validMove (puzzleObject)) { 
Case "up": 
movePieceInDirection(puzzleObject,0,-1,slideEffect); 
break; 


Case "down": 
movePieceInDirection(puzzleObject,0,1,slideEffect); 
break; 

case "left": 
movePieceInDirection(puzzleObject,-1,0,slideEffect); 
break; 

case "right": 
movePieceInDirection(puzzleObject,1,0,slideEffect); 
break; 

















} 
movePieceInDirection 国 数 立 刻 改变 了 小 块 的 currentLoc 属性 和 PlankPoint 变量 。 
立即 改变 以 上 属性 可 以 解决 玩家 在 动画 进行 过 程 中 多 次 单 击 鼠标 产生 的 问题 。 这 样 做 的 结果 就 
是 ， 动 画 只 是 个 装饰 品 ， 用 来 增加 游戏 的 效果 ， 并 没有 实际 的 意义 。 
// 将 小 块 移入 空白 区 域 
public function movePieceInDirection(puzzleObject:Object, 
dx,dy:int, slideEffect:Boolean) { 
puzzleObject.currentLoc.x += dx; 
puzzleObject.currentLoc.y += dy; 
blankPoint.x -= dx; 
blankPoint.y -= dy; 
如 果 需 要 一 个 动画 ，startslige 国 数 就 负责 设置 它 。 不 然 ， 拼 图 小 块 就 立即 移动 到 新 的 
位 置 
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/ /是否 需要 动画 
if (slidqeEffect) { 
// 开 始 动画 


startSlide(puzzleObject,dx* (pieceWidth+pieceSpace), 
dy* (pieceHeight+pieceSpace)); 
} else { 
// 没 有 动画 ， 只 有 单纯 的 移动 
puzzleObject .piece.x = 
puzzleObject .currentLoc.x* (pieceWigdth+pieceSpace) + horizOffset; 
puzzleObject.piece.y = 
puzzleObject .currentLoc.y* (pieceHeight+pieceSpace) + vertOffset; 





6.2.7 ”滑动 过 程 的 动画 


滑动 的 动画 使 用 了 一 个 Timer 对 象 , 在 开启 Timer 之 后 将 拼图 小 块 逐步 移动 。 根 据 类 开头 
设置 的 常量 ,动画 需要 进行 10 步 的 移动 ， 总 时 长 为 250 ms。 

startSlide 国 数 首先 设置 了 一 些 变量 来 处 理 动画 。sliqingPiece 表示 移动 的 拼图 小 块 。 
slideDirection 是 一 个 带 有 dx 和 dy 属性 的 Point 对 象 ,表示 移动 的 方向 。 根 据 方向 的 不 同 ， 
它 的 值 可 以 为 (1,0)、(-1,0)、(0,1) 或 (0, -1)。 

然后 ，Timer 对 象 被 创建 ， 同 时 给 它 添加 了 两 个 事件 侦 听 器 。 其 中 ，TimerEvent .TIMER 
侦 听 器 移动 小 块 , 而 TimerEvent .TIMER_COMPLETE 侦 听 器 调用 siideDone 国 数 来 结束 请 动 : 





























/ /设置 滑动 
public function startSlide(puzzleObject:Object, dx, dy:Number) { 
if (slideAnimation != null) slideDone (null); 


slidingPiece = puzzleObject; 

slideDirection = new Point (dx,dy); 

slideAnimation = new Timer (slideTime/slideSteps,slidesSteps); 
slideAnimation.addEventListener (TimerEvent.TIMER,slidePiece); 
slideAnimation.addEventListener (TimerEvent.TIMER_ COMPLETE, slideDone); 
slideAnimation.start (); 


: 

每 过 250 ms， 拼 图 小 块 就 向 目标 位 置 移动 一 定 的 距离 。 

同时 ,注意 到 startslide 函数 的 第 1 行 ， 这 里 可 能 会 调用 slideDone。 当 一 个 新 的 滑动 
动画 即将 开始 ， 而 前 一 个 动画 还 未 结束 时 ， 就 需要 这 个 函数 来 结束 老 的 动画 。 当 发 生 这 种 情况 
时 ， 老 的 动画 会 立刻 被 移 除 ， 清 动 小 块 会 直接 出 现在 最 终 的 位 置 。 





说 明 












































这 里 处 理 基于 时 间 动 男 的 方式 和 第 5 章 中 的 处 理 方式 不 同 。 这 里 的 动画 效果 只 是 一 个 装 
饰 性 元 素 ， 而 丰 是 下 观 的 太 名 元 条 。 所 以 ， 我 们 可 以 将 这 部 分 以 及 timer 放 到 游戏 远 
辑 的 外 部 。 我 们 不 需要 考虑 它 对 游戏 性 能 产生 的 影响 ， 因 为 它 并 不 影响 游戏 的 运行 。 


避 | 
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// 滑 动 一 步 

public function slidePiece(event:Event) { 
slidingPiece.piece.x += slideDirection.x/slideSteps; 
slidingPiece.piece.y += slideDirection.y/slideSteps; 


4 

当 Timer 完 成 后 ， 拼 图 小 块 就 可 以 确保 被 放置 在 了 正确 的 位 置 上 。 接 着 ,就 可 以 移 除 
slideAnimation 计 时 器 。 

在 slideDone 函数 中 ， 需 要 使 用 puzzleComplete 来 查看 是 否 每 个 小 块 都 被 放置 在 了 正 
确 的 位 置 上 。 如 果 所 有 的 小 块 都 被 正确 放置 ， 则 调用 clearPuzzle， 游戏 的 主 时 间 轴 也 进入 到 
游戏 结束 帧 : 

// 完 成 滑动 


public function slideDone(event:Event) { 
slidingPiece.piece.x = 





slidingPiece.currentLoc.x* (pieceWidth+pieceSpace) + horizOffset; 
slidingPiece.piece.y = 
slidingPiece.currentLoc.y* (pieceHeight+pieceSpace) + vertOffset; 
slideAnimation.stop(); 
slideAnimation = null; 





/ /检测 拼图 游戏 是 否 完成 

if (puzzleComplete()) { 
clearPuzzle(); 
gotoAndSstop ("gameover"); 


6.2.8 游戏 结束 和 清理 


判断 游戏 是 否 结束 非常 方便 ， 只 需要 比较 每 个 小 块 的 currentLoc 和 homeLoc 是 否 相同 。 
幸好 有 Point 类 的 equals 函数 ， 我 们 可 以 一 步 完 成 。 

如 果 所 有 的 小 块 都 在 正确 的 位 置 上 ， 返 回 true: 

/ /检测 是 否 所 有 的 小 块 都 放置 正确 


public function puzzleComplete():Boolean { 
for(var i:int=0;i<puzzleObjects.length;i++) { 
if (!puzzleObjects[i].currentLoc.equals (puzzleObjects[i].homeLoc)) { 
return false; 
} 
} 
return true; 


} 

接 下 来 是 游戏 的 清理 函数 ,清理 过 程 中 , 将 所 有 滑动 小 块 对 应 Sprite 的 MouseEvent .CLICK 
事件 移 除 ， 然 后 将 puzzleobjects 数组 设置 为 nu11。 因 为 请 动 小 块 是 游戏 创建 的 所 有 对 象 ， 
所 以 上 述 过 程 就 足够 了 : 

// 移 除 所 有 滑动 小 块 


public function clearPuzzle() { 
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for (var i in puzzleObjects) { 
puzzleObjects[i] .piece.removeEventListener (MouseEvent .CLICK， 
clickPuzzlePiece); 
removeChild(puzzleObjects[i] .piece); 
} 
puzzleObjects = null; 
} 


6.2.9 修改 游戏 


这 个 游戏 非常 直观 ， 可 能 不 需要 设置 什么 变量 来 改进 。 但 是 ， 你 可 以 改进 程序 本 身 ， 让 图 像 
能 够 被 动态 选择 。 比 如 说 ， 网 页 上 可 能 需要 传人 图 像 的 名 称 。 然 后 ， 你 可 能 就 有 了 一 个 游戏 ， 它 
会 根据 日 期 或 者 网 页 来 使 用 不 同 的 图 像 。 

还 可 以 让 游戏 变 得 更 有 挑战 性 。 当 一 次 拼图 完成 时 ， 会 显示 一 个 新 级 别 的 拼图 游戏 。 我 们 
都 知道 ， 图 像 的 名 称 以 及 水 平和 垂直 方向 上 的 拼图 数量 都 可 以 作为 参数 传递 给 
startSlidingPuzzle。 这 样 一 来 ， 当 一 个 拼图 结束 后 ， 游 戏 可 以 进入 到 图 像 更 大 、 拼 图 更 多 
的 关卡 。 

你 也 可 以 添加 一 个 计时 器 , 让 玩家 看 看 自己 能 多 快 地 完成 拼图 。 移动 次 数 也 可 以 作为 评判 玩 
家 的 指标 ， 这 是 你 的 游戏 ， 一 切 都 在 你 的 掌握 之 中 。 


6.3 ”拼图 游戏 
源 代码 


http://flashgameu.com 
A3GPU206 JigsawPuzzle.zip 


























拼图 游戏 (jigsaw puzzle) 在 18 世纪 开始 流行 , 那 时 候 的 拼图 是 用 锯 把 木头 锯 成 木板 做 成 的 。 
而 发 展 到 今天 ， 大 多 数 的 拼图 都 是 用 切割 机 切割 纸板 做 成 的 。 如 今 拼图 可 多 达 24 000 块 。 

电脑 上 的 拼图 游戏 出 现在 20 世纪 90 年 代 后 期 ， 随 着 网 络 和 休闲 游戏 CD 集合 的 出 现 而 开始 
流行 。 本 章 中 ,我 们 将 构建 一 个 简单 的 拼图 游戏 ， 它 使 用 的 拼图 小 块 是 从 外 部 导入 的 图 像 中 切割 
而 来 的 。 




















说 明 














大 多 数 拼图 游戏 都 把 拼图 小 块 做 得 和 传统 的 拼图 小 块 一 样 ， 还 会 加 上 小 块 之 间 的 连接 印 
记 。 这 些 装 饰 特性 可 以 在 Flash 中 轻松 完成 ， 只 需要 使 用 一 些 矢量 绘 图 命令 和 位 图 编辑 工 
具 。 这 里 为 了 简单 起 见 ， 我 们 使 用 长 方形 的 小 块 。 
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在 我 们 的 拼图 游戏 中 ， 将 图 像 切割 成 和 清 动 拼接 游戏 中 一 样 的 小 块 。 和 前 面 不 一 样 的 是 ， 
我 们 不 会 将 它们 按照 区 域 排 列 ， 而 是 完全 随机 地 放置 。 然后 ， 玩 家 就 可 以 在 屏幕 上 拖 动 小 块 。 
游戏 的 主要 难点 是 ， 当 玩家 将 小 块 移动 到 相 邻 位 置 时 ， 小 块 之 间 要 能 够 拼接 在 一 起 。 


6.3.1 设置 类 


拼图 游戏 和 拼接 游戏 的 结构 很 类 似 。 游戏 一 共有 3 帧 ， 第 2 帧 称 为 startJigsawPuzzle。 
同样 地 ， 需 要 导入 相应 类 : 
package { 
import flash.display.*; 
import flash.events.*; 
import flash.net.URLRequest; 
import flash.geom.*; 
import flash.utils.Timer; 


numPiecesHoriz 和 numPiecesVert 变量 放 在 类 的 开头 。 在 拼图 游戏 中 , 很 有 可 能 会 修改 
这 两 个 属性 值 ， 来 改变 游戏 的 难度 。 本 例 中 ， 我 们 使 用 了 8 x 6 的 拼图 : 


public class JigsawPuzzle extends MovieClip { 





























/ /小 块 数量 
const numPiecesHoriz:int = 8; 
const numPiecesVert:int = 6; 
小 块 的 宽度 和 高 度 可 以 在 图 像 导 入 之 后 决定 ， 程 序 能 够 知道 图 像 的 尺寸 : 
// 小 块 的 尺寸 


var pieceWidth:Number; 
Var pieceHeight:Number; 


和 之 前 的 滑动 拼接 游戏 一 样 , 我 们 将 拼图 小 块 作为 一 个 对 象 , 存储 在 puzzleobjects 数组 中 : 
/7 游戏 小 块 
Var puzzleObjects:Array; 
接 下 来 ， 拼 图 游戏 开始 和 前 面 的 滑动 游戏 有 所 区 别 了 。 前 面 我 们 直接 将 请 动 小 块 放置 在 舞 
台 上 ， 而 在 这 里 我 们 在 两 个 Sprite 中 选择 一 个 放置 。selectedpieces Sprite 保存 了 当前 正在 被 
拖 卡 的 小 块 ，otherPieces Sprite 保存 了 没有 被 拖 卡 的 所 有 小 块 。 











说 明 






































将 一 组 显示 对 象 放置 在 许多 Sprite 中 进行 管理 ， 是 一 个 管理 相似 对 象 的 好 方法 。 接 下 来 
的 例子 中 ， 你 将 看 到 使 用 adqdchila 方法 将 一 个 显示 对 象 从 一 个 Sprite 移动 到 另 一 个 
Sprite。 













































































// 两 类 Sprite 
var selectedPieces:Sprite; 
Var otherPieces:Sprite; 


6.3 ”拼图 游戏 181 





当 玩家 选择 一 个 小 块 开始 拖 动 时 ， 它 们 可 能 只 选择 了 一 个 小 块 , 也 可 能 选择 到 了 一 组 连接 在 
0 所 以 , 我 们 需要 一 个 数组 来 存储 一 个 或 者 多 个 的 小 块 ， 而 不 仅仅 使 用 一 个 单独 
的 变 

// 被 拖 旬 的 小 块 


Var beingDragged:Array = new Array(): 
游戏 的 构造 函数 ， 除 了 调用 loadBitmap 外 ， 还 创建 了 两 个 需要 添加 到 舞台 上 的 Sprite。 这 
两 个 Sprite 的 添加 顺序 很 重要 ， 因 为 我 们 希望 selectedPieces 在 otherPieces 的 上 面 。 


// 寻 入 图 像 ， 设 置 Sprite 

public function startJigsawPuzzle() { 
// 导 入 图 像 
loadBitmap ("jigsawimage.jpg"); 











/ /设置 两 个 Sprite 

otherPieces = new Spritel(); 

selectedPieces = new Spritel(); 

addChild(otherPieces); 

addChild (selectedPieces); // 放 在 顶部 
} 


6.3.2 ”导入 和 切割 图 像 


图 像 加 载 的 方法 和 滑动 拼接 中 的 一 样 。 我 略 过 了 loaqBitmap 函数 ， 因 为 它 和 之 前 的 函数 
完全 一 样 。 

1. 导入 位 图 图 像 

loadingDone 国 数 也 和 之 前 的 差不多 。 当 图 像 导入 完成 ，piecewiath 和 pieceHeight 
计算 好 后 ， 就 调用 makePuzzlePieces 来 切割 图 像 。 

这 里 , pieceWidth 和 pieceHeignht 的 计算 过 程 有 点 不 一 样 。 使 用 Math.floor 国 数 ， 伴 
随 着 除 以 10 的 运算 ， 我 们 将 宽度 和 高 度 都 约束 成 了 10 的 整数 倍 。 比 如 说 ， 我 们 有 7 个 小 块 分 布 
在 400 像素 宽度 的 区 域内 ， 那 么 每 个 小 块 就 有 57.14 像素 宽 。 但 是 ， 为 了 便于 玩家 连接 小 块 ， 我 
们 使 用 了 10 x 10 的 网 格 。 将 每 个 小 块 的 宽度 设 为 50， 我 们 就 可 以 确保 区 域 的 宽 1 度 和 高 度 满足 
10 x 10 的 网 格 。 接 下 来 在 讨论 1ockPieceToGriqd 函数 时 我 们 会 进一步 说 明 这 一 点 

最 后 ， 会 添加 两 个 事件 侦 听 器 。 第 一 个 是 ENTER_FRAME 事件 ， 用 在 拖 电 过 程 中 。 第 二 个 

是 舞台 上 的 MoUSE_UP 事件 。 鼠 标 松 开 事件 是 用 于 判断 拖 电 结束 的 信和 号。 

玩家 单 击 一 个 小 块 ， 开始 拖 动 ，MOUSE_DOWwN 事件 作用 在 小 块 本 身 。 当 拖 蝶 完成 后 ,我 们 就 
不 能 依赖 鼠标 在 小 块 上 的 位 置 来 判断 拖 忠 完成 了 。 因为 玩家 可 能 会 快速 移动 光标 ， 也 可 能 会 产 
生 拌 动 。 但 是 , 鼠标 事件 是 发 生 在 舞台 上 的 ， 所以， 可 靠 的 做 法 是 , 使 用 一 个 MOUSE_UP 侦 听 器 
来 保证 拖 足 完成 时 我 们 能 够 收 到 通知 。 
// 位 图 导入 完成 ， 切 成 小 块 


private function loadingDone (event :Event) :void { 
/ /创建 新 的 图 像 来 放置 位 图 
Var image:Bitmap = Bitmap (event.target.loader.content); 
pieceWidth = Math.floor( (image.width/numPiecesHoriz)/10)*10; 
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pieceHeight = Math.floor((image.height/numPpiecesVert)/10)*10; 


// 将 导入 的 位 图 放 入 image 类 中 
var bitmapData:BitmapData = image.bitmapData; 


/ /切割 成 拼图 小 块 


makePuzzlePieces (bitmapData); 


// 设 置 移动 和 鼠标 事件 
addEventListener (Event .ENTER_FRAME,movePieces); 
stage.addEventListener (MouseEvent .MOUSE_UP,1iftMouseUp); 





" 

2. 切割 拼图 小 块 

切割 小 块 的 方法 和 之 前 游戏 是 一 样 的 。 不 过 ， 我 们 不 需要 设置 小 块 的 位 置 ， 因 为 接 下 来 它们 
会 被 随机 放置 。 

当 Sprite 创建 好 后 ， 它 们 就 被 添加 到 了 otherPieces， 这 是 之 前 创建 的 两 个 Sprite 中 位 于 
底部 的 那个 。 

buzzleobject 元 素 也 有 些 不 一 样 。 不 像 之 前 ， 使 用 了 currentLoc 和 homeLoc， 这 里 我 
们 只 需要 一 个 1oc 属性 ， 它 也 是 一 个 Point 对 象 ， 告 诉 我 们 这 块 拼图 小 块 在 完成 的 拼图 中 的 位 
置 。 比 如 说 ，(0,0) 就 表示 左上 角 的 小 块 。 

此 外 ， 我 们 还 为 拼图 小 块 添 加 了 一 个 aragoffset 属性 。 使 用 它 ， 我 们 能 够 得 到 拖 电 过 程 
中 小 块 和 光标 之 间 的 偏 移 位 置 。 

// 将 位 图 切 成 小 片 


private function makePuzzlePieces (bitmapData:BitmapData) { 
puzzleObjects = new Array (); 
for(var x:uint=0;x<numPiecesHoriz;x++) { 
for (var y:uint=0;y<numPiecesVert;y++) { 
/ /创建 新 的 拼图 小 块 bitmap 和 Sprite 
Var newPuzzlePieceBitmap:Bitmap = 
new Bitmap (new BitmapData (pieceWidth,pieceHeight)); 
newPuzzlePieceBitmap.bitmapData.copyPixels (bitmapData, 
new Rectangle (x*pieceWidth,y*pieceHeight, 
pieceWidth,pieceHeight),new Point (0,0)); 
Var newPuzzlePiece:Sprite = new Sprite(); 
newPuzzlePiece.addChild (newPuzzlePieceBitmap); 


/ /放置 在 底部 的 Sprite 中 


otherPieces.addChild (newPuzzlePiece); 


/ /创建 对 象 ， 存 储 在 数组 中 
Var newPuzzleObject:Object = new Object(); 
newPuzzleObject.loc = new Point (x,y); // 拼 图 中 的 位 置 
newPuzzleObject.dragOffset = null; // 和 光标 的 偏 移 
newPuzzleObject .piece = newPuzzlePiece; 
newPuzzlePiece.addEventListener (MouseEvent .MOUSE_DOWN, 
clickPuzzlePiece); 
puzzleObjects.push (newPuzzleObject); 




















} 
// 随 机 放置 拼图 小 块 


shufflepieces(); 


6.3 拼图 游戏 183 





shuffle 函数 会 为 每 个 拼图 小 块 选取 一 个 随机 位 置 。 我 们 不 关心 小 块 之 间 是 否 上 下 重 全 ， 
也 不 管 它们 的 分 布 如 何 。 它 们 看 起 来 应 该 就 好 像 刚 刚 从 盒子 里 洒落 出 来 。 图 6-6 显示 了 这 样 一 个 
随机 分 布 。 








S00 JigsawPuzzle.swf 




















图 6-6 ”拼图 游戏 的 小 块 被 随机 放置 在 屏幕 上 





// 小 块 的 随机 位 置 
public function shufflePieces() { 
// 选 取 随 机 的 文 和 Y 
for (var i in puzzleObjects) { 
puzzleObjects[i] .piece.x 
puzzleObjects[i] .piece.y 


Math.random()*400+50; 
Math.random()*250+50; 


} 
// 将 所 有 小 块 约束 在 10x10 的 网 格 中 
lockPiecesToGrid(); 
} 
shufflePieces 的 最 后 一 行 调 用 了 lockPieceToGrid。 这 个 函数 遍历 所 有 的 拼图 小 块 并 
将 它们 移动 到 最 接近 的 一 个 网 格 中 。 举例 来 说 ， 如 果 小 块 的 位 置 是 在 (43,87)， 则 把 它 移动 到 
(40,90)。 
使 用 lockPieceTocGria 的 原因 是 , 它 提供 了 一 种 简单 的 方式 , 让 玩家 能 够 将 一 个 小 块 移动 
到 另外 一 个 小 块 附近 ， 却 不 完全 连接 ， 然 后 让 这 些小 块 锁定 在 一 起 。 通常 ， 如 果 一 个 小 块 和 另 
一 个 相隔 1 个 像素 ， 它 们 之 间 不 会 锁定 。 而 将 所 有 的 小 块 放 入 10 x 10 的 网 格 后 ， 就 意味 着 小 块 
或 者 是 完美 连接 的 ， 或 者 至 少 相 隔 10 像素 。 
// 将 所 有 的 拼图 小 块 放 置 在 最 接近 的 10x10 的 位 置 上 


public function lockPiecesToGrid() { 
for(var i in puzzleObjects) { 
puzzleObjects[i] .piece.x = 
10*Math.round (puzzleObjects[i] .piece.x/10); 
puzzleObjects[i] .piece.y = 
10*Math.round (puzzleObjects[i] .piece.y/10); 
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说 明 


因为 我 们 使 用 的 拼图 小 块 的 宽 和 高 都 是 10 的 倍数 ， 所 以 使 用 的 源 图 像 尺 十 最 好 也 是 10 
的 倍数 。 例 如 ， 一 个 400 x 300 的 图 像 能 够 被 完整 使 用 。 而 对 于 一 个 284x192 的 图 像 ， 为 
了 约束 拼图 小 块 的 尺寸 为 10 的 倍数 ， 将 会 在 右 下 角 裁 部 掉 一 部 分 。 


















































6.3.3” 拖 中 小 块 


当 玩 家 单 击 一 个 拼图 小 块 ， 需 要 先 满足 几 个 前 提 条 件 小 块 才能 够 跟随 光标 运动 。 第 一 个 条 件 
就 是 和 弄 清 楚 是 哪个 小 块 被 单 击 了 。 

1. 判断 被 单 击 的 小 块 

可 以 遍历 buzzleobjects, 直到 找到 Piece 属性 和 event .currentTarget 匹配 的 小 块 。 

接着 ， 这 个 小 块 被 添加 到 空 的 beingDragged 数组 。 此 外 ， 该 小 块 的 aragoffset 属性 也 
被 计算 出 来 ， 它 的 值 就 是 单 击 的 位 置 与 小 块 位 置 的 距离 。 

这 个 Sprite 被 从 底部 的 otherPieces 移 到 顶部 的 selectedPieces。 只 需要 一 个 addchild 
调用 就 可 以 完成 。 这 就 意味 着 ， 当 玩家 拖 蝶 一 个 小 块 时 ， 它 就 会 漂浮 到 其 他 所 有 存在 于 
otherPieces 中 的 小 块 之 上 。 


public function clickPuzzlePiece(event:MouseEvent) { 
// 单 击 位 置 


Var clickLoc:Point = new Point (event .stageX，event .stageY) ; 





beingDragged = new Array(); 


// 找 到 单 击 的 小 块 
for(var i in puzzleObjects) { 
if (puzzleObjects[i] .piece == event.currentTarget) { //this is it 
/ /添加 到 抑 曼 数组 
beingDragged.push (puzzleObjects[i]); 
// 得 到 偏 移 值 
puzzleObjects[i] .dragOffset = new Point (clickLoc.x - 
puzzleObjects[i] .piece.x, clickLoc.y - 
puzzleObjects[i] .piece.y); 





// 底 部 移动 到 顶部 
selectedPieces.addChild(puzzleObjects[il] .piece); 
// 找 出 和 当前 小 块 锁 定 的 小 块 
findLockedPieces(i,clickLoc); 
break; 
} 
" 


} 

2. 查找 连接 的 小 块 

当 玩 家 单 击 一 个 小 块 时 ， 最 有 意思 的 事情 就 是 调用 findLockedPieces。 毕 竟 ， 小 块 都 不 
是 独立 存在 的 。 它 们 可 能 在 之 前 的 移动 过 程 中 和 其 他 小 块 连接 ,锁定 在 一 起 了 。 所 有 与 被 单 击 小 
块 连接 的 小 块 ， 都 需要 被 添加 进 peingDragged 列表 。 
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判断 小 块 之 间 是 否 连 接 ， 一 系列 步骤 。 首 先 ， 需 要 创建 一 个 所 有 小 块 排 好 序 的 列表 ,被 
单 击 的 那个 小 块 除外 。 ， 根据 与 被 单 击 小 块 的 距离 大 小 来 决定 。 


说 明 
sortOn 命令 是 一 个 强大 的 对 列表 对 象 进行 排序 的 方法 。 如 果 数 组 只 包含 相似 的 对 象 ， 


而 且 都 存在 着 相同 的 排序 属性 ， 那 么 就 可 以 进行 快速 简 人 比如 数组 [{a: 4, b: 7}， 
{a: 3, b:12}，{a: 9,b: 17}] 可 以 通过 myArray .sorton ("a") ;完成 排序 。 






















































































在 下 面 的 代码 中 , 我 们 创建 一 个 数组 ， 它 的 每 一 个 元 素 都 有 dist 和 num 属 性。 第 一 个 属性 
表示 它 与 被 单 击 小 块 的 距离 。 第 二 个 属性 表示 它 在 puzzleobjects 中 的 位 置 : 
// 找 出 一 起 移动 的 小 块 


public function findLockedPieces (clickedPiece:uint, clickLoc:Point) { 
/ /创建 一 个 数组 ， 保存 所 有 小 块 对 象 (除了 被 单 击 的 小 块 ) ， 以 距离 排序 
Var sortedObjects:Array = new Array (); 6 
for (var i in puzzleObjects) { 
if (i == clickedPiece) continue; 
Sortedqobjects .push ( 


{dist: Point.dqistance(Puzzleobjects[c1ickedqPiece] .1oc， 
puzzleObjects[i].loc), num: i}); 





eg sortOon("dist" ,Array .DESCENDING); 
现在 我 们 有 了 一 个 排 好 序 的 小 块 的 数组 , 可 以 通过 遍历 Rl 
首先 ， 检 查 小 块 的 x 和 y 的 位 置 。 我 们 需要 查看 一 下 小 块 的 位 置 和 被 单 击 小 块 的 位 置 是 
相对 正确 。 举 例 来 说 ， 如 有 果 小 块 的 大 小 为 50 x 50， 被 单 击 小 块 的 位 置 在 (170, 240)， 那么 该 小 
左边 小 块 的 位 置 就 应 该 是 (120,240)， 左 边 的 左边 就 应 该 是 (70, 240)， 依 次 类 推 。 
图 6-7 显示 了 小 块 之 间 连 接 和 不 连接 的 几 个 例子 









































图 6-7 上面 的 两 个 例子 没有 连接 ， 下 部 的 两 个 例子 是 连接 的 
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在 图 6-7 中 ， 顶 端的 两 个 小 块 虽然 很 接近 ， 却 没有 能 够 连接 ， 因 为 还 不 够 接近 。 

第 二 个 例子 中 两 个 小 块 放 置 得 很 好 , 左边 的 小 块 和 右边 的 小 块 之 间距 离 是 完全 正确 的 , 但 是 
却 设 有 产生 连接 ， 因 为 它们 彼此 之 间 并 不 相 邻 ， 中 间 缺 少 一 个 小 块 。 

第 三 个 例子 中 的 两 个 小 块 连接 上 了 。 它 们 是 相 邻 的 ， 而 且 距 离 也 是 正确 的 。 

第 四 个 例子 和 第 三 个 一 样 ， 只 是 有 3 个 小 块 同 时 连接 了 。 

判断 小 块 的 第 一 步 是 确定 小 块 的 位 置 是 否 放置 正确 。 然 后 再 判断 它 是 否 与 现 有 的 小 块 连接 。 
这 些 操作 都 委托 给 了 isconnectead 国 数 来 完成 ， 接 下 来 会 讲 到 它 。 

如 果 小 块 确实 连接 上 了 ， 我 们 就 将 它 添加 到 beingDpragged 列表 ， 设 置 它 的 dragOffset 
属性 ， 然 后 添加 到 selectedPieces。 

我 们 可 以 将 以 上 操作 放 在 一 个 ao 循环 中 ， 从 而 可 以 不 停 地 重复 调用 。 有 一 种 情况 是 ， 连 接 
的 小 块 构 成 了 U 字形 ， 而 我 们 刚好 选取 了 U 字形 的 一 端 。 那 就 意味 着 U 字形 的 另 一 端的 小 块 不 
会 被 当成 是 已 经 连接 的 。 但 是 ， 如 果 我 们 再 次 遍历 未 连接 的 小 块 ， 就 可 以 发 现 U 字形 中 的 所 有 
小 块 。 所 以 我 们 设置 了 一 个 布尔 变量 oneLineFound， 如 果 发 现 连 接 就 设置 为 true。 如 果 我 们 
遍历 所 有 未 连接 的 小 块 ， 却 没有 发 现 连 接 ， 则 说 明 我 们 已 经 找到 了 所 有 连接 的 小 块 。 否则 ， 我 
们 继续 循环 。 


do { 
var oneLinkFound:Boolean = false; 
/ /查看 每 个 小 块 ， 从 最 接近 的 开始 
for(i=sortedObjects.length-1;i>=0;i--) { 
var n:uint = sortedObjects[i] .num; // 实 际 的 小 块 位 置 编号 
/ /得 到 与 被 单 击 小 块 之 间 的 相对 位 置 
Var diffx:int = puzzleObjects[n] .loc.x - 
puzzleObjects[lclickedPiece] .loc.x; 
Var diffY:int = puzzleObjects[n] .loc.y - 
puzzleObjects[lclickedPiecel] .loc.y; 
/ /查看 该 对 象 是 否 放 置 正确 以 连接 在 被 单 击 的 小 块 上 


if (puzzleObjects[n] .piece.x == 











(puzzleObjects[clickedPiece] .piece.x + 
piecewiqdth*qdiffx)) { 
if (puzzleObjects[n] .piece.y == 





(puzzleObjects [clickedPiece] .piece.y + 
pieceHeight*qdiffY)) { 
// 查 看 当前 对 象 是 否 与 被 选择 的 对 象 相 邻 
if (isConnected(puzzleObjects[n])) { 
/ /添加 进 选 择 列表 ， 并 设置 偏 移 量 
beingDragged.push (puzzleObjects[n]); 
puzzleObjects[n] .dragOffset = 
new Point (clickLoc.x - 
puzzleObjects[n] .piece.x, 
clickLoc.y- 
puzzleObjects[n] .piece.y); 





/ /移动 到 顶部 的 Sprite 
selectedPieces.addChild!( 
puzzleObjects[n] .piece); 
/ /发现 连接 ， 从 数组 中 移 除 
oneLinkFound = true; 
sortedObjects.splice(i,1); 
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} 
} 
} while (oneLinkFound); 


} 

使 用 isconnected 函数 的 关键 是 ,我 们 已 经 将 所 有 的 小 块 按照 距离 排 好 序 了 。 排序 很 重要 ， 
因为 我 们 要 从 里 到 外 的 搜索 新 的 连接 小 块 。 当 我 们 检查 新 的 小 块 和 被 单 击 小 块 的 连接 性 时 ， 它 
们 之 间 的 小 块 都 已 经 被 检查 过 了 。 这 就 减少 了 需要 遍历 的 次 数 。 

举例 来 说 ， 如 果 被 单 击 的 小 块 是 (2,0) 而 我 们 接 下 来 查看 (0,0)， 如 果 (1,0) 不 在 beingDragged 
中 ,就 可 以 直接 判断 该 小 块 不 连接 。 然 后 ,我 们 看 看 (1,0)， 发现 它 是 连接 的 ,但 为 时 已 晚 ， 因 为 
我 们 已 经 查看 了 (0,0)。 所 以 ， 我 们 需要 先 查 看 (1,0)， 然 后 是 (0,0)， 从 近 到 远 。 








说 明 


如 果 你 觉得 以 上 过 程 很 复杂 , 想 想 它 常 被 人 用 计算 机 科学 中 的 递归 (recursion) 过 程 来 描 
述 。 递 归 是 指 子 数 调用 它 自身 。 它 还 导致 许多 学 习 计算 机 科学 的 新 生 转 投 到 商学 。 所 以 
企 本 章 中 我 有 意 避 免 了 使 用 递归 。 




























































































3. 判断 小 块 是 否 连 接 

isConnected 国 数 取 得 一 个 小 块 , 将 该 小 块 与 beingDragged 中 每 一 个 小 块 进行 水 平和 垂 
直方 向 上 的 比较 。 如 果 它 发 现 该 小 块 与 数组 中 的 一 个 小 块 在 水 平 或 者 垂直 〈 不 能 同时 ) 方向 上 
是 相 邻 的 ， 则 该 小 块 是 连接 的 。 


// 得 到 一 个 小 块 ， 判 断 它 是 否 与 已 选择 的 小 块 相 邻 
public function isConnected (newPuzzleobject :Object):Boolean { 
for(var i in beingDragged) { 
var horizDist:int = 
Math .abs (newPuzzleObject.loc.x - beingDragged[i].loc.x); 
Var vertDist:int = 
Math .abs (newPuzzleObject.loc.y - beingDragged[il].loc.y); 
if ((horizDist == 1) && (vertDist == 0)) return true; 
if ((horizDist == 0) && (vertDist == 1)) return true; 
} 
return false; 


} 

4. 移动 小 块 

终于 ， 我 们 知道 了 所 有 需要 移动 的 小 块 。 它们 都 被 整齐 地 存放 在 了 beingDragged 中 ， 可 
以 使 用 movePieces 在 每 一 帧 中 更 新 它们 的 位 置 : 

// 根 据 鼠 标 位 置 移动 所 有 选择 的 小 块 


public function movePieces (event:Event) { 
for (var i in beingDragged) { 

beingDragged[il] .piece.x 

beingDraggedl[il].piece.y 


mouseX - beingDragged[i].dragOffset.x; 
mouseY - beingDragged[il] .dragOffset.y; 
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5. 停止 移动 
一 旦 玩家 释放 鼠标 ， 拖 中 就 结束 了 。 我 们 需要 将 所 有 在 selectedPieces 中 的 元 件 移 回 到 
otherPieces 中 。 还 要 调用 lockPiecesToGrid， 确 保 它 们 和 没有 拖 蝶 过 的 小 块 保持 一 致 。 





说 明 


当 aqdqchila 被 调用 时 ， 小 块 被 移 回 到 了 otherPieces Sprite 中 ， 它 们 被 添加 的 位 
置 在 原 有 的 小 块 之 上 。 这 样 不 错 ， 因 为 它们 刚刚 就 漂浮 到 顶层 。 结 果 就 是 它们 继续 保持 
在 顶层 。 
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// 王 台 发 出 鼠标 释放 事件 ， 抑 慢 结 
public function liftMouseUp(event:MouseEvent) { 
// 约 束 所 有 的 小 块 
lockPiecesToGrid(); 
// 将 小 块 移 回 到 底部 
for(var i in beingDragged) { 
otherPieces.addChild(beingDragged[i] .piece); 
} 
/ /清除 抑 粤 的 数组 
beingDragged = new Array(); 


/7/ 判 断 游戏 是 否 结束 

if (puzzleTogether()) { 
cleanUpJigsaw(); 
gotoAndSstop ("gameover"); 


6.3.4 ”游戏 结束 


当 鼠 标 释 放 时 , 我 们 也 要 检查 游戏 是 否 结束 。 要 做 到 这 一 点 , 我 们 可 以 遍历 所 有 的 拼图 小 块 ， 
并 将 它们 的 位 置 与 左上 角 的 第 一 个 小 块 进行 比较 。 如 果 相 对 于 那个 小 块 的 位 置 都 是 正确 的 ， 那 
就 可 以 判断 游戏 完成 了 : 


public function puzzleTogether():Boolean { 
for(var i:uint=1;i<puzzleObjects.length;i++) { 
/ /得 到 与 第 一 个 对 象 的 相对 距离 
Var diffx:int = puzzleObjects[il].loc.x - puzzleObjects{[0] .loc.x; 
Var diffY:int = puzzleObjects[i].loc.y - puzzleObjects[0] .loc.y; 
/ /查看 该 对 象 是 否 放置 正确 以 与 第 一 个 对 象 连接 
if (puzzleObjects[i] .piece.x != 
(puzzleObjects[0] .piece.x + pieceWidth*diffx)) return false; 
if (puzzleObjects[il].piece.y != 
(puzzleObjects[0] .piece.y + pieceHeight*diffY)) return false; 








return trues 
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cleanUp 国 数 得 益 于 我 们 的 两 个 Sprite 的 系统 。 我 们 可 以 从 舞台 上 删除 这 些 变量 ， 并 将 它 
们 设置 为 null。 我 们 还 需要 将 puzzleobjects 和 beginDragged 设置 为 null,ENTER_FRAME 
和 MOUSE _UP 事件 也 要 设置 为 nul1: 


public function cleanUpJigsaw() { 
removeChild(selectedPieces); 
removeChild(otherPieces); 
selectedPieces = null; 
otherPieces = null; 
puzzleObjects = null; 
beingDragged = null; 
removeEventListener (Event .ENTER_ FRAME,movePieces); 
stage.removeEventListener (MouseEvent .MOUSE_UP,1iftMouseUp); 











6.3.5 ”修改 游戏 


游戏 开发 者 已 经 想 出 了 许多 办 法 ， 让 电脑 上 的 拼图 游戏 比 实体 版 本 更 有 意思 。 

如 果 会 用 ActionScript 创建 位 图 滤 镜 ， 你 可 以 在 这 里 尝试 一 下 。 使 用 滤 镜 中 的 发 光 、 投 影 和 
斜 角 等 效果 可 以 让 游戏 更 流行 。 

8 由 旋转 ,让 游戏 的 难度 更 大 。 拼 图 小 块 可 以 旋转 90”、180” 或 270”， 
但 是 最 终 必 须 转 为 初始 角度 。 当 然 ,你 也 可 以 允许 玩家 在 连接 后 进行 旋转 ,这 样 就 需要 添加 一 些 
ed 起 的 小 块 一 起 旋转 ， 很 有 挑战 哦 。 如 果 你 是 个 忍者 级 别 的 ActionScript 程序 员 ， 
你 才 可 以 尝试 这 个 。 














本 章 内 容 


口 用 数学 方法 旋转 和 移动 对 象 
口 空 天 2 

口 太空 岩石 

口 气球 游戏 





第 5 章 中 的 游戏 只 需要 关注 水 平和 垂直 方向 上 的 运动 。 如 果 物 体 只 沿 着 水 平 或 者 垂直 方向 移 
动 ， 那 么 编程 是 很 容易 的 。 但 是 ， 我 们 经 常 玩 的 街机 游戏 的 要 求 要 高 得 多 。 

在 很 多 游戏 中 ,你 需要 让 玩家 转向 和 移动 。 例 如 , 一 个 驾驶 类 游戏 需要 同时 具有 转向 和 前 进 
功能 。 太 空 游戏 也 要 用 到 这 些 ， 而 且 在 有 些 情况 下 它 还 要 允许 玩家 朝 着 飞船 指向 的 方向 开火 。 


7.1 用 数学 方法 旋转 和 移动 对 象 


源 文件 
http://flashgameu.com 
A3GPU207_RotationMath.zip 





结合 了 旋转 和 移动 之 后 ,我们 就 不 能 够 仅仅 使 用 加 减 乘除 了 ,还 需要 更 高 级 的 数学 知识 。 
们 需要 运用 基本 的 三 角 函 数 ， 如 正弦 、 人 余弦 和 反正 切 。 
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如 果 你 不 喜欢 数学 ， 也 不 要 害怕 ，ActionScript 已 经 把 困难 部 分 都 搞定 了 。 





7.1.1 正弦 函数 和 余弦 函 数 


在 第 5 章 中 ， 我 们 使 用 dx 和 dy 变量 来 定义 水 平和 垂直 方向 上 的 位 移 。 一 个 物体 的 sx 为 5 
像素 ，dy 为 0， 就 表示 它 向 右 移动 5 像素 ， 垂 直方 向 上 没有 移动 。 

但 是 ， 如 果 我 们 只 知道 物体 的 旋转 (rotation) ， 怎 么 知道 它 的 dx 和 dy 是 多 少 呢 ? 假设 玩家 
可 以 将 一 个 物体 (比如 一 辆 车 ) 转向 任意 方向 。 那 么 ， 玩 家 可 以 将 车 稍稍 转向 右 下 方 。 接 着 ， 将 
车 往 前 开 。 你 需要 改变 车 的 x 和 y 属性 值 ， 但 是 现在 你 只 知道 车 的 朝向 角度 。 











说 明 


显示 对 象 的 rotation 属性 值 是 一 个 -180~180 的 数字 ， 表 示 了 物体 从 初始 零度 转 过 的 
度数 。 你 可 以 像 改 变 x 和 y 的 值 一 样 来 改变 rotation 属性 。rotation 属性 也 可 以 
设置 得 很 精确 ， 比 如 23.76”。 所 以 ， 如 果 希 望 一 个 物体 很 缓慢 地 旋转 ， 你 可 以 在 一 帧 或 
个 时 间 周 期 内 将 其 旋转 值 增 加 0.01。 
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7 

这 时 候 ， 正 弦 函 数 和 余弦 函数 入 场 了 。 它 能 让 我 们 通过 一 个 角度 值 来 计算 dx 和 ay。 CE 
图 7-1 展示 了 Math.cos 和 Math.sin 背后 的 数学 原理 。 它 显示 了 一 个 圆 形 。 而 Math .cos 

和 Math.sin 可 以 让 我 们 通过 给 定 的 角度 ， 找 到 圆 上 的 点 ， 假 设 物体 初始 朝 问 右边 。 









































图 7-1 图 中 的 圆 形 显示 了 角度 与 贺 上 任意 点 的 位 置 坐标 x 和 y 之 间 的 关系 
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如 果 度 为 0, 那么 对 应 的 Math.cos 和 Math.sin 分 别 是 1.0 和 0.0。 这 就 给 了 我 们 第 一 个 点 ， 
它 的 x 值 是 1.0, y 值 是 0.0。 所 以 , 一 个 物体 旋转 了 0” 之 后 ， 它 会 从 圆心 移 到 点 1 上 。 

如 果 这 个 物体 旋转 90” ， 则 Math.cos 和 Math.sin 分 别 是 0.0 和 1.0。 这 就 是 点 2。 旋 转 
90” 后 物体 指向 正 下 方 。 

类 似 地 ， 你 可 以 看 到 180” 和 270” 的 情况 下 ， 物 体 分 别 是 笔直 向 左 和 向 上 的 。 








说 明 


7-1 还 展示 了 缴 度 (单位 为 rad) ， 用 的 倍数 表示 。 缴 度 和 度 是 角 的 两 种 度量 方式 。 
一 个 完整 的 圆 是 360” ， 等 于 2x rad。 的 值 约 等 于 3.14， 所 以 360”= 6.28 rad。 





























ActionScript 同时 使 用 度 和 弧度 。 在 物体 的 rotation 属性 上 使 用 的 是 度 ， 而 在 数学 函数 ， 
比如 Math.cos 和 Math.sin 中 ,使 用 的 是 弧度 。 所 以 ， 我 们 会 经 常 在 两 者 之 间 转 换 。 

上 下 左右 四 个 方向 的 表示 很 容易 ， 不 需要 用 到 Math.cos 和 Math.sin 函数 。 但 是 ,在 它 
们 之 间 的 角度 ， 就 需要 用 到 这 些 三 角 函 数 了 。 
图 中 的 点 5 约 等 于 57”。 判断 它 在 圆 上 的 位 置 就 需要 用 到 Math.cos 和 Math.sin。 结果 是 
在 x 方向 上 为 0.54, 在 y 方向 是 0.84。 所 以 ， 如 果 一 个 物体 朝 着 57” 的 方向 移动 1 像素 ， 它 就 
会 停 在 点 5 上 。 



































要 知道 ， 上 述 5 个 点 以 及 圆 上 的 任意 点 ， 它 们 到 圆心 的 跑 离 都 是 相等 的 。 所 以 ， 这 些 点 
代表 的 不 是 物体 移动 有 多 快 ， 而 是 移动 的 方向 。 



























































还 有 一 个 要 注意 的 是 ,Math.cos 和 Math.sin 的 值 为 -1.0~1.0, 它 假定 了 圆 的 半径 是 1.0。 所 
以 ， 如 果 一 个 物体 朝 着 57" 方向 移动 了 一 个 单位 ， 它 就 移动 到 了 (0.54,0.84)。 当然 ， 如 果 它 移动 
的 速度 是 5S， 那 我 们 就 乘 以 5， 得 到 (2.70,4.20)。 


7.1.2 ”使 用 余弦 和 正弦 移动 小 车 


我 们 用 一 个 简单 的 例子 来 帮助 解释 三 角 函 数 的 运用 。 影 片 MovingCarfla 和 MovingCar.as 作 
为 基本 的 驾驶 模拟 。 一 辆 小 车 放置 在 屏幕 中 央 ， 玩 家 可 以 使 用 键盘 上 的 左右 方向 键 进行 转向 ， 用 
向 上 的 方向 键 向 前 移动 。 图 7-2 显示 了 屏幕 中 的 小 车 。 

我 们 将 使 用 一 些 和 第 5 章 空袭 游戏 中 类 似 的 代码 。 将 会 有 3 个 布尔 变量 : leftArrow、 
rightArrow 和 upArrow。 当 玩家 按 住 对 应 的 键 时 ， 变 量 的 值 会 设 为 true， 玩 家 放 开 后 又 设 为 


false。 
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QQOO Movin .Swf 











图 7-2 一 个 简单 的 驾驶 例子 ， 允 许 玩家 转向 和 移动 


这 里 就 是 类 的 开头 ,包含 了 侦 昕 器 和 处 理 按键 的 代码 。 注 意 , 我 们 并 不 需要 导入 额外 的 代码 
来 使 用 Math 函数 ， 因 为 它们 包含 在 了 标准 的 ActionScript 库 中 。 


package { 
import flash.display.*; 7 


import flash.events.*; 





public class MovingCar extends MovieClip { 
private var leftArrow, rightArrow, upArrow: Boolean; 


public function MovingCar() { 


// 每 一 帧 部 移动 小 车 
addEventListener (Event .ENTER_FRAME, moveCar); 


// 响 应 按键 事件 
stage.addEventListener (KeyboardEvent .KEY_DOWN, keyPressedDown); 
stage.addEventListener (KeyboardEvent .KEY_UP, keyPressedUp); 


} 
// 将 葡 头 变量 设 为 true 


public function keyPressedDown (event :KeyboardqEvent ) { 


if (event.keyCode == 37) { 
leftArrow = true; 

} else if (event.keyCode == 39) { 
rightArrow = true; 

} else if (event.keyCode == 38) { 


uPArrow = true; 
} 
} 
// 将 前 头 变 量 设 为 false 
public function keyPressedUp (event:KeyboardEvent) { 


if (event.keyCode == 37) { 
leftArrow = false; 
} else if (event.keyCode == 39) { 


rightArrow = false; 
} else if (event.keyCode == 38) { 
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upArrow = false; 
" 
} 


在 每 一 帧 ，movecaz 函数 都 被 调用 。 它 会 查看 每 个 布尔 变量 的 值 ， 当 它们 为 true 的 时 候 进行 
对 应 的 处 理 。 如 果 向 左 方向 或 向 右 方向 被 按 下 , 那么 小 车 的 rotation 属性 被 改变 , 小 车 开始 旋转 。 








说 明 


注意 到 ， 这 里 我 们 并 没有 使 用 基于 时 
以 改变 旋转 和 移动 的 速度 。 





















































司 的 动画 。 所 以 ， 将 影片 的 帧 频 设 为 不 同 的 值 ， 可 
























































如 果 按 下 向 上 的 方向 键 ， 则 调用 moveForward 国 数 : 
// 小 车 向 前 移动 


public function moveCar (event:Event) { 
if (leftArrow) { 
ar. rotation == .53 
} 
if (rightArrow) { 
car.rotation += 5; 


if (upArrow) { 
moveForward () ; 
} 
} 


这 里 就 是 我 们 使 用 数学 方法 的 地 方 。 如 果 向 上 方向 键 被 按 下 ,我 们 首先 计算 小 车 的 角度 ,用 
弧度 表示 。 我 们 知道 小 车 的 rotation 属性 , 不 过 是 以 度 表 示 的 。 为 了 将 度 转 为 弧度 ,我 们 将 度 
除 以 360 ( 圆 的 度 )， 然 后 乘 以 2x ( 圆 的 弧度 ) 。 我 们 将 频繁 使 用 这 个 转换 ， 因 此 这 里 有 必要 拆 开 
仔细 讲解 。 

(1) 除 以 360， 将 0~360 的 值 转 为 0~1.0 的 值 。 

(2) 乘 以 2x， 将 0~1.0 的 值 转 为 0~6.28 的 值 。 

弧度 =2xnxx ( 度 /360) 

反 过 来 ， 当 我 们 希望 将 弧度 转 为 度 时 ， 可 以 这 么 做 : 

(1) 除 以 2x5， 将 0~6.28 的 值 转 为 0~1.0 的 值 ; 

CO) 乘 以 360， 将 0~1.0 的 值 转 为 0~360 的 值 。 

度 =360x 弧 度 / (2x7) 








说 明 


因为 度 和 缴 度 都 用 来 度量 角度 ， 角 度 每 经 过 360， 缴 度 每 经 过 2x， 就 会 重复 它们 本 身 。 所 
以 ，0” 和 360” 是 一 样 的 ，90” 和 450” 也 是 一 样 的 。 对 于 负 的 数值 也 是 成 立 的 。 比 如 ， 
270” 和 和 -90” 是 一 样 的 。 事 实 上 ， 显 示 对 象 的 rotation 属性 范围 为 -180 一 180， 相 当 于 
-Kt 一 Tt 的 缴 度 。 
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既然 我 们 得 到 了 弧度 , 就 可 以 将 它 传 给 Math.cos 和 Math.sin, 计算 得 到 移动 的 dx 和 dy， 
然后 再 乘 以 之 前 设置 的 speed 属性 。 这 样 一 来 ， 每 一 帧 小 车 就 会 移动 5 像素 ， 而 不 是 1 像素 。 
最 后 ， 我 们 改变 小 车 的 x 和 y 属性 值 ， 真 正 移动 它们 。 


// 计 算 x 和 yy 并 移动 小 车 
public function moveForward() { 
Var speed:Number = 5.0; 
var angle:Number = 2*Math.PI* (car.rotation/360); 
Var dx:Number = speed*Math.cos (angle); 
Var dy:Number = speed*Math.sin(angle); 
Car.x += dx; 
Car.y += dy; 


} 
} 


玩 一 玩 MovingCarfla 影片 。 将 小 车 转向 不 同 的 方向 ， 然 后 用 向 上 方向 键 让 它 移动 。 可 以 很 
直观 地 感受 到 ，Math.cos 和 Math.sin 国 数 将 角度 分 解 成 了 水 平和 垂直 方向 上 的 移动 。 

接着 , 来 点 有 意思 的 。 同 时 按 下 向 左 方向 键 和 向 上 方向 键 ， 可 以 让 小 车 转圈 圈 。 这 和 真实 驾 
驶 时 ， 踩 着 油门 ， 将 方向 盘 向 左 转 的 效果 一 样 。 小 车 会 持续 不 断 地 转向 。 

暂时 不 要 管 加 速 ， 我 们 已 经 完成 了 一 个 有 趣 的 小 车 模拟 游戏 。 在 第 12 章 中 ， 我 们 将 构建 一 
个 更 复杂 的 驾驶 模拟 游戏 ， 但 基本 的 原理 还 是 和 这 里 讲 到 的 一 样 。 


7.1.3 ”根据 位 置 计 算 角度 


Math.sin 和 Math.cos 可 以 让 你 从 角度 中 得 到 x 和 y 坐标 , 但 我 们 偶尔 也 需要 通过 x 和 y 
坐标 计算 出 角度 。 为 了 做 到 这 一 点 ， 我 们 使 用 反正 切 函 数 。 它 在 ActionScript 中 的 函数 名 称 是 
Math.atan2, 

图 7-3 展示 了 反正 切 国 数 的 应 用 。 点 1 位 于 (6,5)。 为 了 得 到 它 的 角度 ， 我 们 获取 它 的 y 距离 
和 x 距离， 然后 传 给 Math.atan2。 得 到 的 结果 是 0.69 rad ( 约 40" )。 

点 2 位 于 (-9, -3)。 传 给 Math.atan2 后 , 我们 得 到 了 -2.82 rad ( 约 -162° )。 这 和 198" 相同。 

Math.atan2 会 将 返回 值 保持 在 -180~180。 

















说 明 


还 有 一 个 Math.atan 台数。 它 只 需要 一 个 参数 : y 和 x 的 比值 。 所 以 ， 可 以 以 
Math.atan (dy/dx) 的 形式 用 它 。 它 是 传统 的 反正 切 遂 数 。 不 过 它 存 在 一 个 问题 ， 即 
不 知道 结果 是 向 前 还 是 向 后 。 比 如 说 ， 对 它 而 言 ，-5/3 和 5/-3 是 一 样 的 。 虽 然 这 两 个 数 
一 个 表示 121”， 一 个 表示 60”, 但 Math.atan 淫 数 都 返回 -60”。Math.atan2 可 
以 给 你 正确 的 结果 。 

















































































































我 们 可 以 使 用 箭头 来 创建 一 个 简单 的 例子 。 你 可 以 在 文件 PointingArrow.fla 和 PointingArrow.as 
中 找到 它 。 
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/2 = 
Math.atan2(-3,-9) 
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1-= 
Math.atan2(6,5) 
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0,10 








置 。 当 你 旋转 剪辑 的 时 候 ， 它 会 绕 


图 7-3 这 两 个 点 的 角度 可 以 通过 Math.atan2 来 计算 


箭头 位 于 屏幕 的 中 央 (位 置 在 275, 200) 。 如 图 7-4 所 示 ， 影 片 剪辑 的 注册 点 在 箭头 的 中 央 位 
会 绕 着 这 个 点 进行 旋转 。 同时 ， 注 意 到 箭头 指向 正 右 方 。 因 为 0 


的 旋转 本 身 就 是 向 右 的 ， 所 以 创建 用 于 旋转 的 物体 时 ， 可 以 将 物体 的 初始 朝向 设 为 向 右 。 
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图 7-4 将 旋转 物体 朝向 右边 ， 


将 影片 剪辑 的 中 心 点 设 为 旋转 的 中 心 点 ， 可 以 方便 旋转 
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我 们 将 把 这 个 箭头 朝向 鼠标 的 光标 位 置 。 所 以 , 我 们 将 箭头 的 中 心 (275, 200) 设 为 起 始点 ， 光 
标 位 置 设 为 目标 点 。 因 为 移动 光标 ， 改 变 mousex 和 mouseY 的 值 很 容易 ， 所 以 我 们 可 以 很 方便 
地 体验 Math.atan2。 

下 面 这 个 类 ,来 自 PoingArow.as， 每 帧 都 调用 一 个 国 数 。 这 个 国 数 通 过 光标 和 中 心 点 之 间 
的 距离 来 计算 ax 和 ay 的 值 。 然 后 使 用 Math .atan2 来 计算 角 的 弧度 。 将 计算 出 的 弧度 转 为 度 ， 
然后 设置 给 箭头 : 


package { 
import flash.display.*; 
import flash.events.*; 





public class PointingArrow extends MovieClip { 


public function PointingArrow() { 
addEventListener (Event .ENTER_FRAME, pointAtCursor); 
} 


public function pointAtCursor(event:Event) { 
// 得 到 鼠标 的 相对 位 置 
Var dx:Number = mouseX - pointer.x; 
Var dy:Number = mouseY - pointer.y; 


// 得 到 角 的 弧度 值 ， 转 为 度 
Var cursorAngle:Number = Math.atan2 (dy,dx); 

Var cursorDegrees:Number = 360*(cursorAngle/ (2*Math.PI)); 

// 指 向 光标 


pointer.rotation = cursorDegrees; 


} 
如 图 7-5 所 示 ， 当 运行 影片 时 ， 每 时 每 刻 箭头 都 指向 光标 。 因 为 依靠 了 鼠标 的 mouseX 和 
mousey 属性 ， 所 以 只 要 鼠标 的 光标 放 在 影片 中 ， 就 会 持续 不 断 地 更 新 。 


BOe PointingArrow.swf 











和 














图 7-5 只 要 鼠标 光标 在 影片 上 移动 ， 箭 头 就 朝向 光标 
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说 明 


综合 这 两 个 简单 的 例子 ， 我 们 可 以 得 出 一 些 有 趣 的 结果 。 比如 说 ， 如 果 小 车 是 由 鼠标 的 
相对 位 置 来 控制 的 ， 会 发 生 什么 情况 ? 小 车 朝向 鼠标 ， 然 后 当 你 移动 鼠标 时 ， 它 会 一 直 
朝 着 小 车 移动 。 本 质 上 来 说 ， 它 会 追逐 鼠标 。 那 么 ， 如 果 玩 家 用 第 一 个 例子 中 的 方式 加 
驶 一 辆 小 车 ， 然 后 第 二 辆 小 车 追逐 鼠标 的 光标 ， 自 主 运 动 ， 会 发 生 什么 情况 ? 第 二 辆 小 
车 就 会 开始 追逐 第 一 辆 小 车 ! 你 可 以 去 http://flashgameu.com 看 看 。 






















































































































































































现在 你 已 经 知道 如 何 使 用 三 角 函 数 来 观察 和 控制 物体 的 移动 ， 让 我 们 做 几 个 游戏 来 实践 一 下 吧 。 
7.2 空袭 2 


源 文件 
http://flashgameu.com 
A3GPU207_AirRaid2 .zip 


在 第 5 章 的 空袭 游戏 中 ,你 用 方向 键 前 后 移动 一 架 高 射 炮 。 这 让 你 可 以 在 向 上 射击 时 瞄准 空 
中 的 不 同位 置 。 

现在 , 利用 Math.sin 和 Math.cos 的 强大 功能 ， 我 们 可 以 修改 这 个 游戏 ， 让 炮台 保持 固 
定 ， 而 让 炮 口 朝向 不 同 的 位 置 。 


7.2.1 改变 高 射 炮 


我 们 首先 做 的 是 修改 影片 剪辑 AAGun, 让 它 人 允许 炮 管 旋转 。 我们 将 把 炮台 的 基础 代码 完全 从 
影片 剪辑 中 分 离 出 来 ,把 它 放 在 它 自 己 的 影片 剪辑 AAGunBase 中 。 炮 管 的 代码 还 放 在 AAGun 中 ， 
但 是 我 们 会 将 它 的 旋转 点 放 在 中 央 ， 炮 管 指 向 右边 ， 如 图 7-6 所 示 。 

我 们 的 想法 是 ， 尽 可 能 少 地 改变 原 有 的 空袭 游戏 。 所 以 保留 原 有 的 方向 键 功能 ， 用 它们 来 改 
变 AAGun 的 rotation 属性 ， 而 不 是 在 y 轴 方 向 上 的 值 。 






































。 然 后 ， 腾 出 方向 键 来 





其 实 ， 你 也 可 以 使 用 一 组 不 同 的 按键 来 设置 旋转 (如 入 和 $ 等 
移动 高 射 炮 ， 你 就 可 以 同时 移动 和 旋转 它 了 。 


— 












































高 射 炮 的 x 和 y 值 是 不 变 的 ， 但 是 rotation 值 一 开始 就 设 为 -90，-90 意味 着 炮 口 一 开始 
就 是 朝向 上 方 的 。 和 第 1 版 空袭 游戏 中 约束 水 平移 动 一 样 ， 我 们 约束 了 炮 管 的 旋转 值 。 在 这 里 ， 
值 在 -170 ~-20 变化 ， 可 以 让 炮 管 最 多 向 左旋 转 80" 、 向 右 旋转 70°。 











下 面 就 是 新 的 AAGun.as 代码 。 看 一 下 代码 中 的 newRotation 3 


package { 
import 
import 
import 


public 


re OR 
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图 7-6 为 了 对 应 余弦 函数 和 正弦 函数 ， 炮 管 必须 朝 右 放置 





flash.display.* 
flash.events.*; 
flash.utils.getTimer; 


class AAGun extends MovieClip { 
static const speed:Number = 150.0; 
private var lastTime:int; // 动 画 时 间 


public function AAGun() { 
炮 的 初始 位 置 


} 


this.x 
thisy 


"ny 
= B40 


this.rotation = -903 


//movement 
addEventListener (Event .ENTER_FRAME,moveGun); 


public function moveGun(event:Event) { 

/ /获取 时 间 差 

Var timePassed:int = getTimer()-lastTime; 
lastTime += timePassed; 


// 当 前 位 置 
Var newRotation = this.rotation; 


// 移 到 左边 
if (MovieClip (parent).leftArrow) { 
newRotation -= speed*timePassed/1000; 


变量 和 rotation 属性 。 
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// 移 到 右边 

if (MovieClip (Parent) .rightArrow) { 
newRotation += speed*timePassed/1000; 

} 

/ /检查 边界 

if (newRotation < -170) newRotation = -170; 

if (newRotation > -20) newRotation = -20; 

/ /恒定 位 

this.rotation = newRotation; 





// 从 屏幕 移 除 ， 同 时 移 除 事件 侦 听 器 


public function deleteGun() { 
parent .removeChild (this); 
removeEventListener (Event .ENTER_FRAME ,moveGun ) ; 








} 
注意 到 speed 的 值 150 保持 不 变 。 一 般 来 说 , 将 水 平移 动 改 到 转动 的 时 候 , 需要 修改 speed 
的 值 ， 但 是 在 这 里 ， 这 个 数值 的 表现 很 好 ， 不 需要 修改 。 


7.2.2 ”改变 炮弹 


我 们 需要 修改 Bullets.as ， 以 让 炮弹 按照 一 定 的 角度 移动 ， 而 不 只 是 紧 直 向 上 的 。 
炮弹 的 laa 要 改变 。 炮 弹 需 要 朝向 右边 ， 而 且 广 册 点 需要 放 在 中 央 位 置 。 图 7-7 展示 了 
炮弹 的 新 影片 剪辑 
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图 7-7 子弹 的 新 影片 剪辑 ， 将 注册 点 放置 在 了 中 心 ， 朝 向 改 成 了 向 右 
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该 类 需要 改变 ， 要 增加 dx 和 dy 方向 上 的 移动 变量 。 它 们 可 以 通过 炮弹 发 射 时 朝向 的 角度 
进行 计算 ， 这 个 角度 作为 Bullet 函数 的 一 个 参数 传 入 。 

除 此 之 外 ,炮弹 发 射 时 还 需要 与 炮 的 中 心 点 有 一 定 的 距离 ， 这里， 我 们 设 为 40 像素 。 所 以 ， 
Math.cos 和 Math.sin 函数 同时 用 来 计算 炮弹 的 初始 位 置 ， 以 及 dx 和 dy 的 值 。 

接着 ，Bullet 影片 剪辑 的 旋转 会 被 设 成 与 炮 的 旋转 一 致 。 这 样 ， 炮 弹 将 从 炮台 顶端 飞 出 ， 
朝 着 远离 炮台 的 位 置 ， 继 续 以 同样 的 角度 飞行 。 


package { 
import flash.display.*; 
import flash.events.*; 
import flash.utils.getTimer; 


public class Bullet extends MovieClip { 
private var dx,dy:Number; // 速 度 
private Var lastTime:int; 


public function Bullet (x,y:Number, rot: Number, speed: Number) { 
// 设 置 开始 位 置 
var initialMove:Number = 35.0; 
this.x = x + initialMove*Math.cos (2*Math.PI*rot/360); 
this.y = y + initialMove*Math.sin(2*Math.PI*rot/360); 
thigs rotatiodnm = rots 





/ /获取 速度 
dx = speed*Math.cos (2*Math.PI*rot/360); 
dy = speed*Math.sin(2*Math.PI*rot/360); 


// 设 置 动画 
lastTime = getTimer(); 
addEventListener (Event .ENTER_FRAME,moveBullet); 


} 


public function moveBullet (event:Event) { 
// 获 取经 过 的 时 间 
Var timePassed:int = getTimer()-lastTime; 
lastTime += timePassed; 


/ /移动 炮弹 
this.x += dx*timePassed/1000; 
this.y += dy*timePassed/1000; 


/ /炮弹 从 屏幕 顶部 飞 离 
if (thisiy < 0) 1 
deleteBullet (); 


} 
} 


// 将 炮弹 从 其 台 和 列表 中 删除 

public function deleteBullet() { 
MovieClip (Parent) .removeBullet (this); 
parent .removeChild(this); 
removeEventListener (Event .ENTER_ FRAME,moveBullet); 
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7.2.3 创建 AirRaid2.as 


为 了 方便 使 用 新 版 本 的 AAGun 和 Bullet 类 ,我 们 需要 改变 主 类 。 让 我 们 来 看 看 每 个 修改 。 我 
们 将 创建 一 个 叫 AirRaid2.as 的 新 类 ， 然 后 更 改 影 片 的 文档 类 以 与 之 匹配 。 记 住 ， 要 在 代码 的 顶 
部 将 类 的 定义 从 AirRaigd2 改 为 AirRaid。 

在 类 变量 定义 中 ， 我 们 需要 增加 一 个 新 的 AAGunBase 影片 剪辑 ， 保 留 原 有 的 AAGun 影 
剪辑 。 


private var aagun:AAGun; 
private var aagunbase:AAGunBase; 


在 startAirRaid 中 ， 我 们 还 需要 考虑 到 同时 存在 两 个 影片 剪辑 代表 高 射 炮 。 因 为 
AAGunBase 没有 自己 的 类 ， 所 以 我 们 需要 设置 它 的 位 置 以 匹配 AAGun。 











说 明 
也 可 以 完全 删除 AAGunBase， 使 用 一 个 不 同 的 设计 ， 或 者 将 炮 管 放 在 一 个 图 形 上 ， 作 为 
背景 的 一 部 分 。 
























































/ /创建 炮 

aagun = new AAGun(); 
addCchild(aagun); 

aagunbase = new AAGunBase(); 
addCchild(aagunbase); 
aagunbase.x = aagun.x; 
aagunbase.y = aagun.y; 


还 有 一 些 需 要 改变 的 部 分 都 放 在 了 fireBullet 函数 中 。 这 个 函数 需要 将 炮 的 旋转 角度 传 
入 Bullet 类 中 , 这样 Bullet 类 就 知道 了 应 该 朝 哪个 方向 发 射 炮 弹 。 接 着 ,我 们 传 入 这 第 3 个 
参数 来 匹配 Bullet 类 中 的 第 3 个 参数 ， 以 便 Bullet 类 创建 新 的 炮弹 。 


var b:Bullet = new Bullet (aagun.x,aagun.y,aagun.rotation,300); 

















始 构建 这 个 游戏 的 ， 可 能 都 不 会 有 前 面 两 个 描述 炮 的 位 置 的 参数 。 毕 竟 ， 
2 ， 所 以 会 保持 在 同一 个 位 置 。 因 为 我 们 已 经 有 了 处 理 炮弹 相对 炮台 位 置 的 代 
码 ， 所 以 就 可 以 只 在 代码 中 设置 一 次 炮 的 位 置 。 















































































































































我 们 已 经 完成 了 AirRaid2.as 类 。 事 实 上 ， 如 果 不 是 添加 装饰 性 质 的 AAGunBase 类 ， 我 们 只 
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需要 更 改 AirRaid2.as 中 的 最 后 一 处 。 这 证 明了 ActionScript 是 多 么 地 灵活 ， 可 以 让 你 在 不 同类 中 
设置 移动 元 素 。 
现在 ,我 们 就 有 了 一 个 全 新 的 空 柳 2 游戏 ， 它 使 用 了 固定 但 是 可 以 旋转 的 高 射 炮 。 


7.3 ”太空 岩石 
源 文件 


http://flashgameu.com 
A3GPU207_SpaceRocks.zip 


Asteroids (爆破 彗星 ) 是 历史 上 最 经 典 的 电子 游戏 之 一 。 这 个 基于 矢量 的 街机 游戏 于 1979 
年 由 雅 达 利 (Atari) 公司 发 布 。 它 很 简陋 ， 图 形 颜色 单一 ， 音 效 十 分 粗糙 ， 甚 至 可 以 很 容易 作 歼 
取胜 。 尽 管 如 此 ， 这 个 游戏 还 是 因 其 出 色 的 可 玩 性 而 令 许 多 玩家 着 迷 。 

游戏 中 ， 你 可 以 控制 一 稻 小 型 飞船 。 你 可 以 转向 ， 射 击 ， 还 能 飞 过 屏幕 。 你 的 对 手 是 一 些 随 
机 移动 的 大 艳星 。 你 可 以 向 它们 射击 ,， 打 中 后 它们 会 ， ed 0 
就 会 消失 。 如 果 被 茜 星 打 中 ， 你 就 损失 了 一 条 命 。 
我 们 将 构建 一 个 基本 概念 相同 的 游戏 : 一 稻 飞 船 、 岩 石和 导弹 。 甚 至 还 会 使 用 原版 游戏 中 的 
| 个 高 级 特性 保护 盾 。 


7.3.1 ”游戏 元 素 设计 
在 开始 之 前 , 我 们 要 对 游戏 的 外 观 进 行 设计 。 我 们 只 需要 一 些 列表 , 而 不 是 完整 的 设计 文档 ， 


确保 在 从 去 开始 构建 的 过 程 中 ， 可 以 专注 于 游戏 中 最 重要 的 部 分 。 
游戏 的 基本 元 素 包 含 一 架 飞 船 、 岩 石和 导弹 。 你 可 以 在 图 7-8 中 看 到 它们 的 所 有 种 类 。 
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Space Rocks: three variations of 
three different sizes 


Shield and Missile 


© 自 


lcons for 
shield and ship 








图 7-8 太空 岩石 游戏 中 的 所 有 元 素 
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让 我 们 来 看 看 飞船 的 功能 。 下 面 是 飞船 的 功能 列表 。 
口 开始 时 静止 在 屏幕 中 央 。 
口 左 方向 键 按 下 时 左 转 。 
口 右 方向 键 按 下 时 右 转 。 
口 上 方向 键 按 下 时 加 速 前 进 。 
口 根据 速度 运动 。 
口 当 Z 键 按 下 时 ， 产 生 一 个 保护 盾 。 
飞船 能 发 射 导弹 。 下 面 是 导弹 的 功能 。 
口 在 玩家 按 下 空格 键 时 创建 。 
口 根据 飞船 的 位 置 和 朝向 决定 速度 和 位 置 。 
口 根据 速度 运动 。 
岩石 有 以 下 功能 。 
口 有 一 个 随机 产生 的 起 始 速 度 和 旋转 速度 。 
口 根据 速度 运动 。 
口 根据 旋转 速度 旋转 。 
口 有 大 、 中 、 小 3 种 不 同 的 尺寸 。 
碰撞 是 这 个 游戏 的 主要 部 分 。 游 戏 中 会 发 生 两 种 类 型 的 碰撞 : 导弹 磁 岩 石 ， 岩 石 磁 飞 船 。 
当 导 弹 和 岩石 碰撞 时 , 原 有 的 岩石 被 移 除 。 如 果 是 一 颗 大 岩石 ， 那 么 两 颗 中 等 的 岩石 就 会 出 
现在 同样 的 位 置 上 。 如 果 是 一 颗 中 等 的 岩石 ， 就 会 在 当前 位 置 出 现 两 颗 小 岩石 。 如 果 是 一 颗 小 岩 
石 就 会 消失 ， 没 有 新 的 出 现 。 磁 撞 后 导弹 也 会 被 移 除 。 
当 岩 石和 飞船 发 生 碰撞 时 ， 兰 石 相 当 于 被 导弹 击 中 ， 飞 船 则 被 移 除 了 。 玩 家 有 3 条 命 。 如 
果 玩 家 还 有 生命 ， 就 会 得 到 一 架 新 的 飞船 ， 会 在 两 秒 钟 以 后 出 现在 屏幕 的 中 央 。 
如 果 玩 家 将 所 有 岩石 都 打 掉 了 ， 而 且 屏 幕 上 没有 新 的 岩石 出 现 ， 则 这 个 级 别 就 结束 了 。 短 
暂 的 等 竺 后， 新 一 波 的 岩石 出 现 了 ， 不 过 这 次 岩石 的 速度 比 之 前 的 要 稍微 快 一 些 。 
































说 明 


在 大 多 数 20 世纪 70 年 代 的 Asteroids 游戏 中 ， 岩 石 的 速度 都 有 一 个 上 限 。 这 就 让 那些 高 
手 可 以 不 停 地 玩 ， 直 到 游戏 店 关门 或 者 玩家 的 老 妈 来 喊 他 回 家 吃 晚饭 了 。 

























































































还 有 一 个 操作 是 玩家 可 以 产生 一 个 保护 盾 。 按 住 乙 键 , 就 可 以 让 飞船 的 四 周 产生 一 个 保护 盾 ， 
寺 续 3 秒 。 这 就 让 飞船 可 以 穿越 岩石 。 但 是 ， 玩 家 在 每 条 生命 中 只 有 3 个 保护 盾 。 所 以 ， 保 护 盾 
要 省 着 点 用 。 

这 个 游戏 的 一 个 重要 特性 是 ,飞船 和 岩石 在 运动 时 都 可 以 穿越 屏幕 。 如 果 其 中 的 一 个 从 屏幕 
左边 穿 出 ， 则 会 在 屏幕 右边 出 现 。 如 果 从 底部 穿 出 ， 就 会 在 顶部 出 现 。 不 过 导弹 在 运动 到 屏幕 的 
边缘 时 就 会 消失 。 
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7.3.2 ”设置 图 形 


为 了 构建 游戏 ,我 们 需要 一 架 飞 船 、 一 些 岩 石和 一 颗 导 弹 。 飞 船 是 最 复杂 的 元 素 。 它 需要 一 
个 初始 状态 , 一 个 打开 推进 器 飞行 时 的 状态 ,还 需要 在 被 击 中 时 的 一 些 爆 炸 的 动画 。 它 还 需要 一 
个 包围 它 的 保护 盾 。 

图 7-9 展示 了 飞船 爆炸 的 影片 剪辑 。 这 里 有 很 多 帧 。 第 1 帧 是 没有 推进 器 时 的 飞船 ， 第 2 帧 






























































习 7-9 飞船 同时 打开 推进 器 和 保护 盾 的 帧 


保护 盾 是 一 个 独立 的 影片 剪辑 ， 被 放 在 飞船 的 影片 剪辑 之 中 。 在 第 1 帧 (没有 推进 器 ) 和 第 
2 帧 (有 推进 器 ) 中 都 出 现 了 。 可 以 将 保护 盾 的 visible 属性 设置 为 false， 让 它 不 可 见 。 需 
要 它 时 ， 可 以 通过 将 visible 属性 设置 为 true， 让 它 出 现 。 

岩石 会 用 到 一 系列 的 影片 剪辑 。 共 有 3 个 尺寸 的 影片 剪辑 : Rock_Big、Rock_Medium 和 
Rock Small。 每 个 影片 剪辑 都 有 3 帧 ， 分 别 代表 兰 石 的 不 同形 态 。 这 就 避免 了 让 游戏 中 的 岩石 一 
成 不 变 。 图 7-10 展示 了 Rock Big 影片 剪辑 ， 你 可 以 看 到 时 间 轴 上 有 3 个 包含 这 三 种 不 同形 态 的 
关键 帧 。 

导弹 是 最 简单 的 元 素 。 它 只 是 一 个 小 黄 点 .还 有 两 个 其 他 的 影片 剪辑 : ShipIcon 和 ShieldIcon。 
这 是 小 型 版 本 的 飞船 和 保护 盾 。 我 们 用 它们 来 显示 剩余 的 飞船 和 保护 盾 的 数量 。 

主 时 间 轴 的 设置 和 之 前 一 样 : 有 三 个 帧 ， 中 间 的 一 帧 叫做 startSpaceRocks。 现 在 我 们 需 
要 创建 ActionScript 来 让 游戏 动 起 来 。 
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图 7-10 每 个 岩石 影片 剪辑 都 有 3 个 不 同 的 帧 分 别 代表 
不 同 的 岩石 形态 ， 不 过 它们 的 尺寸 是 相同 的 


7.3.3 设置 类 





我 们 会 将 所 有 的 代码 都 放 在 SpaceRocks.as 类 文件 中 。 这 会 产生 本 书 到 目前 为 止 最 长 的 类 文 
件 。 只 用 一 个 类 文件 的 好 处 是 所 有 的 代码 都 能 放 在 一 个 地 方 。 缺 点 就 是 太 长 了 不 好 管理 。 


这 里 我 们 将 代码 分 割 成 了 许多 小 块 ， 每 一 块 对 应 不 同 的 屏幕 元 素 ， 希 望 能 有 点 用 。 首先 ， 
让 我 们 看 看 类 定义 。 
类 首先 导入 了 常用 的 类 ， 用 来 操作 不 同 的 对 象 和 结构 : 
package { 
import flash.display.*; 
import flash.events.*; 
import flash.text.*; 
import flash.utils.getTimer; 
import flash.utils.Timer; 
import flash.geom.Point; 


一 大 堆 的 常量 ， 让 你 感受 下 这 个 游戏 的 难度 。 速 度 的 单位 是 1 毫秒 内 的 移动 量 ， 所 以 
shipRotationSpeed 设置 为 0.1 是 相当 快 的 ， 0 100  。 导 弹 的 速度 是 每 秒 200 像素 ， 
而 推进 器 会 给 飞船 150 像素 / 秒 / 秒 的 加 速度 。 
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目的 变 























单位 时 间 内 移动 的 距离 来 衡量 的 ， 如 100 像素 / 秒 。 加 速度 是 速度 随 着 时 | 
即 每 秒 钟 速度 变化 了 多 少 。 所 以 ， 我 们 可 以 称 加 速度 为 像素 / 秒 / 秒 。 









































岩石 的 速度 根据 游戏 的 难度 水 平 而 定 。 初 始 时 为 0.03， 每 高 一 个 级 别 ， 速 度 会 增加 0 


以 ， 第 1 级 是 0.03+0.02=0.05， 第 2 级 是 0.07， 如 此 递增 。 





.02。 所 


我 们 也 要 确定 飞船 的 半径 ， 将 飞船 视 为 圆 形 。 使 用 它 的 半径 来 进行 碰撞 检查 ， 而 不 依赖 于 


hitTestObject 国 数 。 


public class SpaceRocks extends MovieClip { 


static const shipRotationSpeed:Number = .1; 
static const rockSpeedSstart:Number = .03; 
static const rockSpeedIncrease:Number = .02; 
static const missileSpeed:Number = .2; 
static const thrustPower:Number = .15; 


static const shipRadius:Number = 20; 
static const startingShips:uint = 3; 


定义 完 常量 之 后 ， 我 们 还 需要 定义 一 系列 变量 。 以 下 变量 分 别 指向 了 飞船 、 


/ /游戏 对 象 

private Var ship:Ship; 
private Var rocks:Array; 
private var missiles:Array; 


接着 ， 我 们 定义 了 一 个 动画 计时 器 ， 确 保 所 有 的 移动 能 够 同步 进行 。 
// 动 画 计 时 器 


private Var lastTime:uint; 


左 、 右 和 上 方向 键 将 由 以 下 布尔 变量 跟踪 。 
// 方 向 键 


private var rightArrow:Boolean = false; 
private var leftArrow:Boolean = false; 
private var upArrow:Boolean = false; 


飞船 的 速度 被 分 为 两 个 部 分 : 
/ /飞船 速 度 


private Var shipMoveX:Number; 
private Var shipMoveY:Number; 





岩石 和 导弹 。 


我 们 有 两 个 计时 器 。 一 个 显示 在 玩家 损失 了 一 架 飞 船 后 ,下 一 禹 飞船 将 出 现 的 时 间 。 我 们 也 
可 以 用 它 来 显示 , 现 有 的 岩石 被 清理 干净 之 后 ,下 一 波 岩 石 将 出 现 的 时 间 。 另 一 个 计时 器 用 来 显 





示 保 护 盾 持 续 的 时 间 。 


// 计 时 器 
private Var delayTimer:Timer; 
private Var shieldTimer:Timer; 
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游戏 中 有 一 个 gameMode 变量 ， 可 以 设置 为 "play "或 者 "delay"。 当 设 为 "aelay" 时 ,我 们 
不 侦 听 玩家 的 输入 。 还 有 一 个 布尔 变量 告诉 我 们 保护 盾 是 否 打开 着 , 打开 时 玩家 不 会 被 岩石 打 到 。 
/ /游戏 模式 
private var gameMode:String; 
private Var shieldOn:Boolean; 


下 一 组 变量 集合 针对 保护 盾 和 飞船 。 头 两 个 变量 记录 飞船 和 保护 盾 的 数量 , 接 下 来 的 两 个 变 
量 是 数组 ， 保 存 了 显示 在 屏幕 上 给 予 玩 家 信息 的 图 标 。 
// 飞 船 和 保护 盾 
private Var shipsLeft:uint; 
private Var shieldsLeft:uint; 


private Var shipIcons:Array; 
private Var shieldIcons:Array; 


得 分 记录 在 gameScore 中 。 它 在 我 们 创建 的 名 为 scoreDisplay 的 文本 字段 中 展示 给 玩家 。 
gameLevel 变量 记录 我 们 清除 岩石 群 的 次 数 。 


/ /得 分 和 游戏 等 级 

private var gameScore:Number; 
private Var scoreDisplay:TextField; 
private Var gameLevel:uint; 


最 后 ， 我 们 还 需要 两 个 Sprite 。 我 们 将 把 所 有 的 游戏 元 素 放 在 这 两 个 Sprite 中 。 第 一 个 是 
gameObjects， 是 主要 的 Sprite。 但 是 ， 为 了 将 这 这 两 个 Sprite 分 开 ， 我们 将 飞船 和 保护 盾 图 标 ， 
以 及 得 分 情况 都 放 在 scoreobjects 中 。 


//Sprite 
private var gameObjects:Sprite; 
private var scoreObjects:Sprite; 

















7.3.4 开始 游戏 


构造 函数 用 来 设置 所 有 的 Sprite。 广 意 要 记 addchilg 语句 以 下 面 的 顺序 出 现 ， 从 而 确保 图 
标 和 得 分 记录 出 现在 其 他 元 素 的 上 面 : 


/ /开始 游 戏 

public function startSpaceRocks() { 
// 设 置 Sprite 
gameObjects = new Spritel(); 
addCchild(gameObjects); 
scoreObjects = new Sprite(); 
adgdChild(scoreObjects); 


游戏 的 等 级 设 为 1， 现 有 的 飞船 数量 设 为 3， 这 是 前 面 定义 的 常量 值 。 游 戏 的 得 分 设 为 0。 接 
着 , 调用 createShipIcons 和 createScoreDisplay 完成 设置 。 这 两 个 函数 的 内 容 下 面 会 讲 到 : 
/ /设置 游戏 属性 


gameLevel = 1; 

shipsLeft = startingShips; 
gameScore = 0; 
createShipIcons(); 


createScoreDisplay (); 
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和 空袭 游戏 一 样 ， 我 们 需要 3 个 侦 听 器 。 一 个 处 理 每 一 帧 的 事件 ， 其 他 两 个 处 理 按键 : 


// 设 置 侦 听 器 

addEventListener (Event .ENTER_FRAME,moveGameObjects); 
stage.addEventListener (KeyboardEvent .KEY_DOWN, keyDownFunction); 
stage.addEventListener (KeyboardEvent .KEY_UP, keyUpFunction); 


为 了 开始 游戏 ， 我 们 将 gameMode 设 为 "delay" ,将 shieldon 设 为 false， 创建 一 个 数 
组 保存 导弹 , 然后 调用 两 个 函数 开始 游戏 。 粤 第 一 个 函数 创建 第 名 一 组 岩石 , 第 二 个 创建 第 一 艘 飞船 。 
因为 这 两 个 函数 接 下 来 都 要 被 事件 计时 器 调用 ， 所 以 需要 将 null 赋 给 它们 作为 参数 ， 以 便 后 面 
事件 计时 器 使 用 。 


// 开 始 

gameMode = "delay"; 
shieldon = false; 
missiles = new Array (); 
nextRockWave (null); 
newShip (null); 





7.3.5 ”得 分 和 状态 显示 对 象 


第 一 组 函数 用 来 处 理 玩家 剩余 的 飞 般 数量 、 剩 余 保 护 盾 数量 以 及 玩家 的 得 分 。 这 些 信息 分 别 
显示 在 屏幕 的 3 个 角落 中 。 

玩家 的 得 分 以 文本 的 形式 显示 在 右上 角 。 玩 家 剩余 的 飞船 数量 以 图 标的 形式 显示 在 左下 角 ， 
数量 范围 为 0-3。 玩 家 保护 盾 的 数量 以 图 标的 形式 显示 在 右 下 角 ， 数 量 范 围 也 是 0-3。 图 7-11 显 












































示 了 游戏 开始 时 ， 这 3 个 条 目 显 示 的 情形 。 


SpaceRocks.swf 








加 


7-11 得 分 在 右上 角 ， 生 命 数量 在 左下 角 ， 保 护 盾 数量 在 右 下 角 























太太 
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为 了 创建 飞船 和 保护 盾 的 图 标 ， 下 面 的 两 个 国 数 遍历 并 将 这 3 个 条 目 放置 在 屏 
建 的 条 目 被 添加 到 了 对 应 的 数组 中 ， 以 便 后 续 使 用 和 删除 。 


// 在 左边 绘制 飞船 
public function createShipIcons() 
shipIcons new Array (); 
for(var i:uint=0;i<shipsLeft;i++) { 
var newShip:ShipIcon new ShipIcon(); 
newShip.x 20+i*153 
newShip.y 3755 
scoreObjects.addChild (newShip); 
shipIcons. push (newShip); 


{ 


} 
类 似 的 方法 处 理 保护 盾 图 标 : 


// 在 右边 绘制 保护 盾 
public function createShieldIcons() 
shieldIcons new Array (); 
for(var i:uint=0;i<shieldsLeft;i++) 
Var newShield:ShieldIcon 
newShield.x 530-1*15; 
newShield.y 3755# 
scoreObjects.addChild (newShield); 
shieldIcons.push (newShield); 


{ 


{ 


new ShieldIcon(); 








a 


典 


上 。 这 些 创 


















































说 明 
如 果 不 采用 放 在 一 起 的 图 标 ， 我 们 也 可 以 用 文本 字段 来 显示 剩余 的 飞船 和 保护 盾 数 。 这 
样 做 可 以 减少 代码 量 ， 不 过 看 上 去 没什么 乐趣 。 














创建 得 分 记录 显示 ， 就 是 新 建 一 个 文本 字段 


个 临时 的 TextFormat 变量 ， 


/ /将 得 分 记录 放 在 右上 角 
public function createScoreDisplay () 


{ 


scoreDisplay = new TextField(); 
scoreDisplay.x = 500; 
scoreDisplay.y = 10; 
scoreDisplay.width = 40; 
scoreDisplay.selectable = false; 


var scoreDisplayFormat 


scoreDisplayFormat.color = OxFFFFFF; 
scoreDisplayFormat.font = "Arial"; 
scoreDisplayFormat.align = "right"; 





scoreDisplay.defaultTextFormat 
scoreObjects.addChild(scoreDisplay); 
updateScore(); 


， 然 后 让 它 显示 需要 的 属性 。 我 们 还 创建 了 一 


用 来 设置 文本 字段 的 defaultTextFormat 属性 : 


new TextFormat ( ) ; 


scoreDisplayFormat; 
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在 createScoreDisplay 函数 的 最 后 ， 我 们 立刻 调用 了 updateScore, 将 0 放 入 文本 字 
段 中 ， 因 为 这 时 的 gameScore 就 是 这 个 值 。 而 接 下 来 每 当 我 们 要 更 新 得 分 时 ， 需 要 使 用 
updateScore 国 数 ; 


// 显 示 新 得 分 
public function updateScore() { 
scoreDisplay.text = String(gameScore); 


} 
当 需 要 移 除 飞 船 或 保护 盾 时 ,我 们 需要 从 shipIcons 或 者 shieldIcons 数组 中 弹出 (POP) 
一 个 条 目 ， 然 后 使 用 *emovechila 将 该 图 标 去 除 。 


// 移 除 飞 船 图 标 
public function removeShipIcon() { 
scoreObjects.removeChild(shipIcons.pop()); 





} 


// 移 除 保 护 盾 图 标 
public function removeShieldIcon() { 
scoreObjects.removeChild(shieldIcons.pop()); 


} 

我 们 还 需要 添加 国 数 ， 用 来 遍历 和 移 除 所 有 的 图 标 。 在 游戏 的 结尾 ,我 们 需要 这 样 处 理 ， 而 
对 于 保护 盾 , 在 一 条 生命 结 0 人 玩家 3 个 保护 盾 ， 
所 以 我 们 只 需要 删除 保护 盾 的 图 标 ， 然 后 开始 新 生命 时 再 创建 它们 : 











// 移 除 剩余 的 飞船 图 标 
public function removeAllShipIcons() { 
while (shipIcons.length > 0) { 
removeShipIcon(); 


} 
j 


// 移 除 剩余 的 保护 盾 图 标 


public function removeAllsShieldIcons() { 
while (shieldIcons.length > 0) { 
removeShieldIicon(); 


} 
} 


7.3.6 飞船 运动 和 玩家 输入 


接 下 来 的 函数 都 是 针对 飞船 的 。 第 一 个 函数 创建 一 稻 新 飞船 ， 其 余 的 函数 用 来 操控 飞船 。 

1. 创建 一 艘 新 飞船 

newShip 函数 在 游戏 开始 时 被 调用 ,或 者 在 前 一 艘 飞船 被 消灭 两 秒 后 调用 。 在 后 面 的 调用 
是 为 了 响应 计时 器 的 事件 ， 所 以 我 们 传人 了 _ TimerEvent 作为 参数 。 虽 然 我 们 并 不 需要 这 个 
TimerEvent 做 任何 事 ， 不 过 还 是 必须 让 它 存 在 。 

在 这 个 函数 第 二 、 第 三 、 第 四 次 被 调用 时 ， 前 一 艘 飞船 还 是 存在 的 。 前 一 艘 飞船 会 播放 爆炸 
动画 。 在 这 上 段 动画 的 结尾 , 会 有 一 个 简单 的 stop 命令 将 这 个 影片 剪辑 停留 在 了 空白 的 最 后 一 帧 
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上 。 所 以 ， 这 个 飞船 还 是 存在 的 ， 只 是 变 成 了 不 可 见 的 。 我 们 将 找到 这 个 飞船 的 实例 ， 将 它 移 
除 并 清理 干净 。 





说 明 


住 其 他 游戏 中 ， 可 能 会 在 爆炸 动 男 结 束 后 ， 立 刻 将 飞船 移 除 。 而 在 我 们 的 例子 中 ， 可 以 
住 飞 船 时 间 轴 上 放 一 个 对 主 类 的 回调 钢 数 。 可 设置 在 动 甸 播 放 到 最 后 一 帧 时 调用 该 遂 数 ， 
这 样 我 们 就 知道 动 国 结 束 了 ， 然 后 就 可 以 移 除 该 对 象 。 








































































































































































































// 创 建 一 盘 新 飞船 
public function newShip (event :TimerEvent) { 
// 如 果 飞 船 存 在 ， 移 除 它 
if (Snip r= 011l) 托 
gameObjects.removeChild(ship); 
BD. O11]; 
接 下 来 ,我 们 判断 是 否 还 有 飞船 。 如 果 没 有 了 ， 游 戏 结束 。 
// 没 有 飞船 了 
if (shipsLeft < 1) { 
endGame ( ) ; 


return; 


} 
一 艘 新 的 飞船 被 创建 ， 放置 好 ， 然 后 被 设置 到 时 间 轴 的 第 1 帧 ,这 时 候 的 飞船 没有 推进 器 
旋转 值 设 为 -90， 朝 癌 正 上 方 。 我 们 还 需要 移 除 保护 盾 。 接 着 ,我们 将 影片 剪辑 添加 到 
gameObjects 上 : 


/ /创建 、 定 位 并 添加 新 的 飞船 

ship = new Ship(); 
ship.gotoAndstop (1); 

Snip,.X = 2753 

ship.y = 200; 

Ship,.rotation = -907 
ship.shield.visible = false; 
gameObjects.addChild (ship); 


飞船 的 速度 存储 在 shipMovex 和 shipMoveY 变量 中 。 由 于 我 们 已 经 创建 了 一 艘 飞船 ， 
gameMode 变量 就 可 以 从 "delay "设置 为 "play" 了 。 
/ /设置 飞船 属性 











ShipMoveX = 0.0; 
shipMoveY = 0.0; 
gameMode = "play"; 


对 于 每 一 稻 新 飞船 ， 我 们 都 将 保护 盾 设 为 3。 然 后， 我 们 需要 在 屏幕 底部 绘制 3 个 小 的 保护 
盾 图 标 : 





// 设 置 保护 盾 
shieldsLeft = 3; 
CreateShieldIcons () ; 
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当 玩 家 损失 了 一 稻 飞 船 时 , 一 艘 新 的 飞船 出 现 。 这 时 候 有 可 能 出 现 这 样 的 情况 ， 即 刚好 在 飞 
船 出 现 的 屏幕 中 央 ， 有 一 块 岩石 经 过 。 为 了 防止 这 种 情况 发 生 ， 我 们 使 用 保护 盾 。 将 保护 盾 打 
开 ， 玩家 就 可 以 得 到 3 秒 钟 的 无 敌 时 间 。 


说 明 


以 前 此 类 的 街机 游戏 ， 为 了 避免 这 种 情况 ， 都 是 等 屏幕 中 央 相 对 比较 空 时 ， 才 在 那里 创 
建新 的 飞 舱 。 你 也 可 以 这 样 做 ， 只 需要 计算 每 一 块 岩石 到 新 飞船 的 距离 ， 如 有 果 比 较 接近 
束 延 运 2 秒 钟 出 现 。 



















































































注意 到 ， 只 有 不 是 飞船 第 一 次 出 现 的 情况 下 ， 我 们 才 需 要 考虑 这 些 。 在 飞船 第 一 次 出 现时 ， 
岩石 也 才 第 一 次 出 现 ， 我 们 可 以 预 设 它们 的 位 置 远离 中 心 。 
我 们 在 此 调用 startShield， 传 入 值 true， 表 示 这 个 保护 盾 是 免费 使 用 的 。 它 不 会 影响 
玩家 已 有 的 3 个 保护 盾 。 
/7/ 除 了 第 一 条 命 外 ， 每 条 生命 开始 时 都 有 一 个 免费 的 保护 盾 


if (shipsLeft != startingShips) { 
startShield(true); 








} 
} 


2. 处 理 键盘 输入 

接 下 来 的 两 个 函数 处 理 按键 。 和 空袭 游 戏 一 样 ， 我 们 需要 跟踪 左右 方向 键 。 我 们 同时 关注 
向 上 的 方向 键 。 除 此 之 外 ， 我 们 还 需要 在 空格 键 和 乙 键 按 下 时 作出 反应 。 
在 向 上 方向 键 按 下 时 ， 我 们 需要 让 飞船 播放 到 第 2 帧 (这 里 放置 着 推进 器 的 图 像 ) ， 从 而 开 
启 飞船 的 推进 器 














按 一 次 空格 键 会 调用 newMissile， 按 一 次 Z 键 会 调用 startshield: 
/ /注册 按键 
public function keyDownFunction(event:KeyboardEvent) { 
if (event.keyCode == 37) { 
leftArrow = true; 
} else if (event.keyCode == 39) { 
rightArrow = true; 
} else if (event.keyCode == 38) { 
upArrow = true; 
// 显 示 推 进 器 
if (gameMode == "play") ship.gotoAndstop (2) ; 
}) else if (event.keyCode == 32) { // 空 格 键 
newMissile(); 
} else if (event.keyCode == 90) { //Z 键 


startShield(false); 
} 
} 


当 向 上 方向 键 释 放 时 ，keyUpFunction 关闭 推进 器 
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/ /注册 按键 
public function keyUpFunction(event:KeyboardEvent) { 
if (event.keyCode == 37) { 
leftArrow = false; 
} else if (event.keyCode == 39) { 
rightArrow = false; 
} else if (event.keyCode == 38) { 
upArrow = false; 
// 移 除 推进 器 
if (gameMode == "play") ship.gotoAndStop(1); 
} 
} 
3. 飞船 移动 


游戏 中 所 有 的 动画 函数 都 接受 timeDiff 作为 参数 。 这 就 好 像 其 他 游戏 中 的 动画 都 有 
timePassed 一 样 。 但是, 这 里 没有 让 每 个 动画 函数 都 计算 自己 的 timePassed, 而 是 单独 用 一 
个 函数 moveGameObjects 来 计算 , 然后 调用 3 个 动画 函数 ， 传 和 人 参数。 所 有 的 物体 就 可 以 根据 
计算 出 的 timeDiff 参数 进行 移动 。 

飞船 的 移动 可 以 是 转向 、 飞 行 ,或 者 两 者 同时 进行 。 如 果 按 下 向 左 或 向 右 方 向 键 , 飞船 转向 ， 
转向 的 速度 取决 于 timeDiff 参数 和 shipRotationSpeeqd 常量 。 

如 果 按 下 同上 方向 键 ， 飞 船 会 加 速 。 这 里 我 们 就 可 以 使 用 Math.cos 和 Math.sin 来 确定 
推动 器 对 飞船 的 水 平和 垂直 方向 的 影响 。 


// 飞 船 动画 
public function moveShip (timeDiff:uint) { 














/ /旋转 和 推动 
if (leftArrow) { 
ship.rotation -= shipRotationSpeed*timeDiff; 


} else if (rightArrow) { 
ship.rotation += shipRotationSpeed*timeDiff; 
} else if (upArrow) { 
ShipMoveX += Math.cos (Math.PI*ship.rotation/180)*thrustPower; 
shipMoveY += Math.sin(Math.PI*ship.rotation/180)*thrustPower; 
} 


接 下 来 ， 飞 船 的 位 置 根据 速度 进行 更 新 。 


/ /移动 
ship.x += shipMovex; 
ship.y += shipMoveYy; 


让 这 个 游戏 与 众 不 同 的 一 点 是 ， 飞 船 可 以 从 屏幕 的 一 边 飞 出 然后 从 另 一 边 飞 入 。 下面 就 是 实 
现 的 代码 。 这 里 有 许多 手工 输入 的 数字 , 我 们 可 以 将 它们 移 到 类 的 开头 , 使 用 常量 来 定义 。 不 过 ， 
将 它们 留 在 这 里 可 以 让 代码 更 易于 阅读 和 理解 。 

屏幕 的 宽度 是 550 像素 , 高 度 是 400 像素 。 我 们 不 希望 飞船 一 碰 到 边界 就 消失 不 见 , 而 是 希 

望 它 能 在 完全 消失 在 视线 中 时 再 出 现在 屏幕 的 另 一 边 。 所 以 ， 当 飞船 飞 到 570 像素 的 位 置 时 ,将 
它 移 到 -20 的 位 置 。 这 样 一 来 ， 飞 船 在 任何 时 候 都 不 会 飞 出 玩家 的 视野 。 
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说 明 

















也 飞 不 到 ， 因 为 导弹 一 础 到 屏幕 的 边缘 就 消失 了 。 

































































间 。 如 果 这 个 区 域 设置 过 大 ， 你 自己 的 飞船 也 很 容易 找 不 到 了 。 









































/ /屏幕 约束 

if ((ShipMoveX > 0) && (ship.x > 570)) { 
ship.x -= 590; 

} 

if ((ShipMoveX < 0) && (ship.x < -20)) { 
ship.x += 590; 


if ((shipMoveY > 0) && (ship.y > 420)) { 
ship.y -= 440; 


if ((shipMoveY < 0) && (ship.y < -20)) { 
ship.y += 440; 
} 


} 
4. 处 理 飞船 碰撞 
飞船 在 被 导弹 击 中 时 会 爆炸 。 我 们 需要 将 飞船 的 时 间 轴 跳 转 到 标记 为 "explode" 的 第 3 帧 。 


removeAllShieldIcons 国 数 从 屏幕 上 去 除 保护 盾 图 标 。 然 后 ， 设 置 好 一 个 计时 器 ， 





后 调用 newship。 飞 船 的 数量 减 1，removeShipIcon 从 屏幕 中 移 除 一 个 飞船 图 标 。 


// 移 除 飞 船 
publie funetion shipHit()}. 并 
gameMode = "delay"; 


ship.gotoAndPlay ("explode"); 

removeAllShieldIcons(); 

delayTimer = new Timer (2000,1); 
delayTimer.addEventListener (TimerEvent .TIMER_COMPLETE ,newShip) ; 
delayTimer.start (); 

removeShipIcon(); 

shipsLeft-—-; 


7.3.7 ”打开 保护 盾 


飞船 的 保护 盾 是 相对 独立 的 部 分 。 它 作为 一 个 独立 的 影片 剪辑 ， 存 在 于 飞船 的 影 


当然 ， 如 果 设 置 得 太 小 ， 物 体 就 有 可 能 还 没有 从 一 边 消失 ， 就 在 另 一 边 出 现 了 。 


游戏 中 添加 在 屏幕 边缘 边 的 20 像素 就 好 像 一 个 死亡 区 域 一 样 。 这 个 区 域 你 看 不 到 , 导弹 


你 需要 确保 这 个 区 域 足够 小 ， 否 则 ， 接 近 垂 直 或 者 水 平方 向 移动 的 小 省 石 会 消失 一 段 时 


在 2 秒 钟 


剪辑 中 。 


所 以 , 打开 保护 盾 , 只 需要 将 它 的 visible 属性 设 为 true。 设置 计时 器 以 在 3 秒 后 关闭 保护 盾 。 


打开 保护 盾 的 同时 ，shielqdon 被 设置 为 true， 这 时 候 所 有 的 岩石 碰撞 都 会 被 包 略 。 
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说 明 


呆 护 盾 实 际 上 是 一 个 半 透 明 的 图 形 ， 它 让 飞船 可 以 在 保护 盾 打 开 的 情况 下 可 见 。 在 保护 
慎 的 颜色 设 定时 ， 应 用 了 透明 度 (Alpha) 的 设置 。 不 需要 使 用 ActionScript 代码 ， 图 形 
就 可 以 绘 出 这 个 效果 。 














































































































在 startshield 函数 的 开头 和 结尾 ， 函 数 也 作 了 一 些 判 断 工作 。 在 函数 开头 ,要 确保 玩家 
还 有 剩余 的 保护 盾 。 然 后 ， 还 要 确保 当前 保护 盾 已 经 关闭 了 。 

在 函数 结尾 ， 函 数 判 断 freeShield 参数 。 如 果 结 果 是 false， 我 们 就 减少 1 个 可 用 的 保 
护 盾 ， 然 后 更 新 屏幕 : 


// 打 开 保 护 盾 3 秒 钟 

public function startShield(freeShield:Boolean) { 
if (shieldsLeft < 1) return; // 没 有 保护 盾 可 用 
if (shieldon) return; // 保 护 盾 已 经 打开 





// 打 开 保 护持， 设置 计时 器 来 关闭 保护 盾 

ship.shield.visible = true; 

shieldTimer = new Timer (3000,1); 
shieldTimer.addEventListener (TimerEvent .TIMER_ COMPLETE, endShield); 
shieldTimer.start (); 


// 更 新 剩余 的 保护 盾 数 量 

if (1fxreeSshield) { 
removeShieldIcon(); 
shieldsLeft-—-; 

中 


shieldon = true; 


} 
如 果 计 时 器 设置 的 时 间 到 了 , 保护 盾 被 设 为 不 可 见 ，shieldone 这 个 布尔 值 被 设 为 false: 
/ /关闭 保 护 盾 


public function endShield(event:TimerEvent) { 
ship.shield.visible = false; 
shieldon = false; 

} 


7.3.8 ”岩石 


接 下 来 我 们 来 关注 处 理 岩 石 的 函数 。 这 些 函 数 能 够 创建 岩石 、 移 除 岩 石和 摧毁 岩石 。 
1. 创建 新 的 岩石 
因为 岩石 有 3 种 尺寸 ， 所 以 创建 新 的 岩石 调用 newRock) 时 ， 会 传人 rockType 参数 来 
指定 岩石 的 尺寸 。 游 戏 开 始 的 时 候 ， 创 建 的 所 有 岩石 都 是 大 的 ， 也 就 是 传人 "Big" 作 为 参数 。 不 
过 随 着 游戏 的 进行 ， 每 次 碰撞 会 将 大 的 岩石 会 分 裂 成 中 等 或 者 小 尺寸 。 

对 于 每 种 尺寸 ， 我 们 都 有 对 应 的 半径 (rockRadius),， 大、 中 、 小 分 别 是 35、20 和 10。 稍 
后 我 们 将 用 这 些 数 据 来 检测 碰撞 。 
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说 明 


我 们 也 可 以 通过 查看 者 石 的 影片 剪辑 ， 动 态 地 得 到 每 个 岩石 的 半径 。 但 在 这 里 ， 我 们 还 
没有 创建 任何 东西 ， 所 以 不 能 得 到 这 个 值 。 更 重要 的 是 ， 这 里 我 们 不 需要 这 些 值 。 这 个 
半径 应 该 包含 图 形 中 离 中 心 最 远 的 后。 不 过 这 里 我 们 希望 使 用 一 个 近似 值 来 代表 岩石 的 
通用 半径 。 










































































































































































为 了 完成 岩石 的 创 还 需要 指定 一 个 随机 速度 ， 这 可 以 给 dx 和 dy 指定 一 个 随机 数 
值 实现 。 我 们 也 需要 给 dr 指定 一 个 随机 值 ， 代 表 旋 转 的 速度 。 

pe 每 个 岩石 影片 剪辑 都 有 3 帧 , 每 一 帧 都 有 一 个 不 同 的 外 观 。 

rocks 数组 由 数据 对 象 组 成 ， 这 些 数据 对 象 包含 了 dx、dy 和 dz 值 ， 以 及 rockType ( 尺 
寸 ) 和 rockRadius (半径 ) 的 值 : 


/ /创建 一 个 指定 尺寸 的 岩石 
public function newRock (x,y:int, rockType:String) { 


/ /创建 一 个 合适 的 新 类 

Var newRock:MovieClip; 

var rockRadius:Number; 

if ‘(rockType == "Big") { 

newRock = new Rock_Big(); 
rockRadius = 35; 

} else if (rockType == "Medium") { 
newRock = new Rock_ Medium(); 
rockRadius = 20; 

} else if (rockType == "Small") { 
newRock = new Rock_Small (); 
rockRadius = 10; 











} 


/ /选择 一 种 随机 的 外 观 
DewRock .gotoAndStop (Math.ceil (Math.random()*3)); 





/ /设置 起 始 位 置 
newRock.x 
newRock.y 


XX; 
Ws 


/ /设置 随机 的 运动 和 旋转 

var dx:Number Math.random()*2.0-1.0; 
var dy:Number Math.random()*2.0-1.0; 
var dr:Number Math.random(); 


// 将 岩石 添加 到 舞台 和 岩石 列表 中 

gameObjects.addChild (newRock); 

rocks.push({rock:newRock, dx:dx, dy:dy, dr:dr, rockType:rockType, rockRadius: 
rockRadius}); 


} 

2. 创建 岩石 群 

游戏 开始 以 及 每 次 需要 一 波 新 的 岩石 时 ， 可 以 调用 下 面 的 函数 ,创建 4 个 大 岩石 ,均匀 地 放 
置 在 屏幕 上 。 图 7-12 展示 了 游戏 开始 时 的 情况 
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SpaceRocks.swf 





图 7-12 4 块 岩 石 放置 在 距离 4 条 边 100 像素 的 位 置 


我 们 将 gameMode 设 为 true， 表 示 游 戏 开 始 。 如 果 这 是 第 一 波 ， 我们 已 经 将 gameMode 设 
为 play 了 。 但 如 果 不 是 第 一 波 ， 那 么 在 shipHit 函数 中 已 经 将 gameMode 设 为 aelay 了 。 所 
以 这 里 需要 将 它 设 为 play: 


/ /创建 4 块 岩石 

public function nextRockWave (event:TimerEvent) { 
rocks = new Array(); 
newRock (100,100, "Big" 
newRock (100,300,"Big" 
newRock (450,100, "Big" 
newRock (450,300,"Big" 
gameMode = "play"; 


























说 明 


newRockWave 遂 数 每 次 在 同样 的 位 置 创建 4 块 宕 石 。 你 可 能 希望 增加 游戏 的 难度 ， 通 
过 检测 gameLeve1， 如 果 它 的 值 大 于 3 或 4 的 时 候 ， 就 增加 到 6 块 者 石 。 这 是 增加 游 
戏 难度 的 简单 办 法 。 当 然 ， 也 可 以 在 游戏 新 的 一 天 开始 时 放置 一 些 中 等 岩石 和 小 岩石 。 











































































































































































































3. 移动 岩石 

为 了 移动 岩石 ， 我 们 需要 在 rocks 数组 中 查看 每 个 岩石 ， 获 取 它 们 的 属性 值 。 岩 石 的 位 置 
根据 dx 和 dy 的 值 更 改 。 旋 转 根据 dr 的 值 变化 。 

同 飞 船 一 样 ， 我 们 也 需要 让 岩石 从 屏幕 的 一 边 移 动 到 另外 一 边 。 这 里 处 理 的 代码 和 飞船 一 
样 ， 当 岩石 越过 边界 20 像素 时 ， 就 将 它 移 到 屏幕 的 另 一 边 ; 


// 操 纵 所 有 的 岩石 
public function moveRocks (timeDiff:uint) { 








Wm 
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for(var i:int=rocks.length-1;i>=0;i--) 


/ /移动 岩 石 


{ 


var rockSpeed:Number = rockSpeedStart + rockSpeedIncrease*gameLevel; 
rocks[i] .rock.x += rocks[i] .dx*timeDiff*rockSpeed; 
rocks[i].rock.y += rocks[i] .dy*timeDiff*rockSpeed; 


/ /旋转 岩石 

rocks[i].rock.rotation += roc 

// 约 束 岩 石 

if ((rocks[i] .dx > 0) && (roc 
rocks[il].rock.x -= 590; 


if ((rocks[i] .dx < 0) && (roc 
rocks[i].rock.x += 590; 


if ((rocks[i].dy > 0) && (roc 
rocks[i].rock.y -= 440; 


if ((rocks[i].dy < 0) && (roc 
rocks[i].rock.y += 440; 














} 
4. 岩石 碰撞 
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.rock.y < -20)) { 


当 岩 石 被 击 中 时 ，rockHit 函数 决定 了 接 下 来 的 行动 。 如 果 被 击 中 的 是 大 岩石 ， 在 它 的 位 
置 上 会 创建 两 块 中 等 的 岩石 。 如 果 是 中 等 的 岩石 , 会 创建 两 块 小 岩石 。 它 们 在 原 有 岩石 的 位 置 上 ， 


但 是 有 新 的 随机 方向 和 旋转 。 


不 管 怎么 样 ， 被 击 中 的 岩石 都 会 被 移 除 。 如 果 是 小 岩石 ， 则 彻底 移 除 (不 会 有 新 的 生成 ) : 


public function rockHit (rockNum:uint) 


/ /创建 两 块 更 小 的 岩石 


if (rocks[rockNum] .rockType == "Big") 


{ 


{ 


newRock (rocks [rockNum] .rock.x,rocks [rockNum] .rock.y, "Medium"); 
newRock (rocks [rockNum] .rock.x,rocks [rockNum] .rock.y, "Medium"); 


} else if (rocks[rockNum] .rockType == 





"Medium") { 


newRock (rocks [rockNum] .rock.x,rocks[rockNum] .rock.y,"Ssmall"); 
newRock (rocks [rockNum] .rock.x,rocks[rockNum] .rock.y,"Small"); 


} 
// 移 除 原始 的 岩石 


gameObjects.removeChild(rocks[rockNum] .rock); 


rocks.splicel(rockNum,1); 


7.3.9 ”导弹 


导弹 由 玩家 按 下 空格 键 创建 。newMissile 函数 让 导弹 从 飞船 的 位 置 发 射 , 同时 用 飞船 的 旋 


转 值 来 决定 导弹 的 发 射 方向 。 


导弹 的 初始 位 置 并 不 是 在 飞船 的 中 心 ， 而 是 离 中 心 有 shipRaGius (飞船 半径 ) 的 距离 ， 导 
弹 的 方向 设置 成 飞船 飞行 的 方向 。 这 样 就 防止 了 导弹 看 上 去 是 从 飞船 中 心 发 射 的 问题 。 
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这 里 我 们 使 用 了 一 个 小 技巧 来 简化 导弹 ， 那 就 是 将 导弹 的 图 形 设置 为 一 个 圆 形 的 球 。 这 
样 一 来 ， 就 不 需要 对 导弹 的 旋转 方向 作 任 何 处 理 。 这 些 圆 形 物体 朝 着 任何 方向 移动 时 看 
起 来 都 一 样 。 
























































我 们 使 用 missiles 数组 来 跟踪 这 些 导弹 : 
/ /创建 一 颗 新 导弹 


public function newMissile() { 


/ /创建 


Var newMissile:Missile = new Missile(); 


/ /设置 方向 
newMissile.dx = Math.cos (Math.PI*ship.rotation/180); 
newMissile.dy = Math.sin(Math.PI*ship.rotation/180); 


/ /放置 
newMissile.x = ship.x + newMissile.dx*shipRadius; 
newMissile.y = ship.y + newMissile.dy*shipRadius; 


/ /添加 到 关 台 和 数组 中 
gameObjects.addChild (newMissile); 
missiles.push (newMissile); 


} 
守 汪 运动 时 ， 我 们 使 用 missileSpeed 常量 和 timeDiff 来 决定 它 的 新 位 置 。 
这 些 导弹 和 上 岩石 与 飞船 不 一 样 ， 不 会 穿越 屏幕 ， 它 们 在 越过 屏幕 时 就 消失 了 。 


/ /移动 导弹 
public function moveMissiles (timeDiff:uint) { 
for(var i:int=missiles.length-1;i>=0;i--) { 
// 移 动 


missiles[i].x += missiles[i] .dx*missileSpeed*timeDiff,; 
missiles[i].y += missiles[i] .dy*missileSpeed*timeDiff,; 
/ /离开 屏幕 

1 


if ((missiles[i].x < 0) 1 (missiles[i].x > 550) 
(missiles[i].y < 0) 中 (missiles[i]j.y > 400)) { 
gameObjects.removeChild(missiles[i]); 


missiles.splice(i,1); 


} 
当 导 弹 击 中 一 块 岩 石 ， 它 会 调用 missileHit 把 自己 移 除 : 
// 移 除 导 弹 


public function missileHit (missileNum:uint) { 
gameObjects.removeChild(missiles[missileNum]); 
missiles.splice(missileNum,1); 
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说 明 


我 将 移 除 导 弹 的 代码 单独 放 在 moveMissiles 而 不 是 missileHit 中 ， 是 为 了 将 来 
考虑 。 导弹 飞 出 屏幕 和 击 中 岩石 是 两 种 不 同 的 情况 。 当 我 们 希望 导弹 击 中 一 个 物体 时 发 
生 一 些 特 殊 的 事件 ， 我 们 可 以 放 在 missileHit 中 。 但 是 ， 这 里 导弹 只 是 飞 出 了 屏幕 ， 
显然 不 需要 发 生 什么 。 



























































































































































7.3.10 ”游戏 控制 


到 目前 为 止 , 我 们 有 3 个 动画 国 数 : moveShip、moveRocks 和 moveMissiles。 这 3 个 函 
数 都 被 基本 动画 函数 moveGameobjects 调用 。 而 moveGameobjects 则 被 一 开始 设置 的 
ENTER_FRAME 事件 调用 。 

1. 移动 游戏 对 象 

moveGameobjects 国 数 和 空袭 游戏 一 样 , 计算 出 timePassed, 然后 发 送 给 3 个 动画 国 数 。 
注意 到 ，moveShip 只 有 在 gameMode 不 为 "daelay" 时 才能 被 调用 。 

最 后 ，moveGameobjects 国 数 调用 checkcollisions， 这 是 整个 游戏 的 核心 部 分 




















public function moveGameObjects (event :Event) { 
// 得 到 经 过 的 时 间 ， 然 后 开始 动画 
Var timePassed:uint = getTimer() - lastTime; 
lastTime += timePassed; 
moveRocks (timePassed); 
if (gameMode != "delay") { 
moveShip (timePassed) ; 
} 
moveMissiles (timePassed); 
checkCollisions(); 


} 

2. 检测 碰撞 

checkCollisions 国 数 进行 碰撞 检测 的 计算 。 它 循环 遍历 岩石 和 导弹 ， 判 断 它 们 之 间 是 否 
发 生 了 碰撞 。 兰 石 的 rockRadius 记录 了 它 的 半径 ， 用 来 判断 碰撞 的 发 生 。 用 距离 来 判断 比 调 
用 hitTestPoint 更 快 。 

如 果 检 测 到 了 碰撞 ，rockHit 和 missileHit 国 数 被 调用 来 处 理 碰撞 的 结果 。 

如 果 一 个 岩石 和 一 个 导弹 将 要 被 移 除 ， 那么 它 就 不 会 被 其 他 对 象 碰撞 到 了 。 所 以 ， 这 两 个 柑 
套 了 for 循环 的 对 象 都 被 加 上 了 标记 (label) 。 标记 是 一 种 指定 break 或 continue 命令 所 期 望 
的 foz 循环 的 方法 。 这 里 ， 我 们 希望 在 rockloop 中 继续 ， 它 在 内 套 循环 的 外 部 。 一 个 简单 的 
break 语句 表示 代码 会 继续 检查 岩石 与 飞船 的 碰撞 。 但 是 ， 因 为 飞船 已 经 不 存在 了 ， 所 以 使 用 
break 会 发 生 一 个 错误 : 

// 导 找 导 弹 与 岩石 的 碰撞 


public function checkCollisions() { 
/ /循环 遍历 岩石 
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rockloop: for(var j:int=rocks.length-1;j>=0;j--) { 
// 和 循环 遍 历时 弹 
missileloop: for(var i:int=missiles.length-1;i>=0;i--) { 
/ /碰撞 检测 


if (Point.distance (new Point (rocks{[j] .rock.x,rocks[j] .rock.y), 
new Point (missiles[i].x,missiles[i].y)) 
< rocks[j] .rockRadius) { 


// 移 除 岩 石和 导弹 
rockHit (j); 
missileHit (i); 


/ /增加 分 数 
gameScore += 10; 
updateScore(); 


/ /结束 这 次 循环 ， 然 后 开始 下 一 次 


continue rockloop; 


} 
每 一 个 岩石 都 被 检测 是 否 与 飞船 碰撞 。 首 先 , 我 们 要 确保 现在 不 是 飞船 被 击 中 和 重生 之 间 的 
时 间 段 。 我 们 还 需要 确保 保护 盾 是 关闭 的 。 
如 果 飞 船 被 击 中 ，shipHit 和 rockHit 被 调用 : 


/ /检测 岩石 与 飞船 的 碰撞 
if (gameMode == "play") { 
if (shieldon == false) { // 只 有 当 保 护 盾 关闭 时 
if (Point.distance (new Point (rocks{[j] .rock.x,rocks[j] .rock.y), 
new Point (ship.x,ship.y)) 
< rocks[j] .rockRadius+shipRadius) { 


// 移 除 飞 船 和 岩石 
shipHit ()s 
rockHit (j); 


} 
checkCollisions 完成 之 前 , 它 需 要 查看 屏幕 上 岩石 的 数量 。 如果 所 有 的 岩石 都 被 清除 了 ， 
会 设置 一 个 计时 器 ， 计 时 2 秒 钟 。gameLevel 会 增加 1， 下 一 次 的 岩石 会 有 更 快 的 速度 。 同 时 ， 
gameMode 被 设置 为 "betweenlevels"。 这 段 时 期 内 ， 就 不 需要 进行 碰撞 的 判断 了 ， 不 过 还 是 
要 允许 玩家 移动 飞船 : 


/ /岩石 被 清光 了 ， 改 变 游戏 模式 ， 增 加 难度 

if ((rocks.length == 0) && (gameMode == "play")) { 
gameMode = "betweenlevels"; 
gameLevel++; // 增 加 难度 
delayTimer = new Timer (2000,1); 
delayTimer.addEventListener (TimerEvent .TIMER_COMPLETE ,nextRockWave) ; 
delayTimer.start (); 








3. 结束 游戏 
如 果 飞 船 被 击 中 ， 而 且 玩 家 的 所 有 飞船 都 被 消 灾 了， 那么 游戏 就 结束 ， 调 用 endGame。 该 
国 数 进行 必要 的 清理 工作 ， 然 后 将 影片 的 时 间 轴 设置 为 第 3 帧 : 

public function endGame() { 
// 移 除 所 有 的 物体 和 侦 听 器 
removeChild(gameObjects); 
removeChild(scoreObjects); 
gameObjects = null; 
scoreObjects = null; 
removeEventListener (Event .ENTER_FRAME ,moveGameObjects ) ; 
stage.removeEventListener (KeyboardEvent .KEY_DOWN, keyDownFunction); 
stage.removeEventListener (KeyboardEvent .KEY_UP, keyUpFunction); 


gotoAndStop ("gameover");} 


} 


7.3.11 修改 游戏 


这 里 的 保护 盾 在 原版 的 Asteroids 游戏 中 是 没有 的 。 但 是 ， 在 其 后 很 多 其 他 游戏 中 可 以 发 现 
这 个 特性 。 在 最 初 的 游戏 中 ， 有 穿越 特性 。 这 表示 飞船 可 以 消失 ， 然 后 出 现在 一 个 随机 的 位 置 。 
尽管 出 现在 随机 位 置 很 可 能 让 飞船 被 击 中 ， 但 是 这 是 玩家 在 没 办 法 躲避 时 的 孤注一掷 。 

增加 穿越 功能 很 简单 ， 只 需要 在 keyDownFunction 中 增加 一 个 新 的 按键 , 然后 给 飞船 添加 
一 个 随机 的 x 和 y 值 。 

这 个 游戏 可 以 增加 一 些 基 本 功能 来 增加 可 玩 性 ， 比 如 声音 或 更 多 的 动画 。 推进 器 帧 可 以 简单 
地 用 一 个 循环 的 图 形 元 件 来 替代 。 这 样 就 不 需要 ActionScript 代码 了 。 

可 以 在 这 类 游戏 中 增加 常用 的 奖励 生命 值 的 功能 。 只 需要 查看 游戏 的 得 分 ， 比 如 到 1000 分 
以 后 ， 就 增加 shipsLeft 的 值 。 你 可 以 在 这 时 重 画 飞船 图 标 ， 或 者 也 可 以 增加 一 段 表 示 奖 励 的 
音乐 。 

在 网 上 ， 大 多 数 此 类 游戏 都 不 是 发 生 在 太空 环境 中 的 。 同样 的 概念 可 以 用 在 教育 或 者 市 场 
营销 中 ， 只 需要 将 岩石 替换 为 其 他 物体 。 比 如 ， 它 们 可 能 是 名 词 和 动词 ， 而 玩家 只 应 该 射击 那些 
名 词 。 它 们 也 可 以 被 换 成 垃圾 堆 ， 你 需要 把 它们 清理 和 干净。 

一 个 简单 的 改变 是 ， 完 全 抛弃 导弹 ， 而 只 期 望 岩石 和 飞船 的 碰撞 。 你 可 以 收集 物体 ， 而 不 
是 向 它们 射击 。 当 然 ， 你 可 能 只 需要 收集 一 些 物 体 ， 同 时 需要 躲避 其 他 物体 。 


7.4 气球 游戏 


源 文件 
http://flashgameu.com 


A3GPU207_BalloonPop.zip 
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空袭 2 的 一 个 现代 变种 是 这 样 的 ,子弹 在 空中 飞行 ， 打 中 一 些 固定 的 物体 。 这 些 物 体 在 空中 
排列 成 一 定 的 形状 ， 你 必须 经 过 儿 轮 的 攻击 才能 够 把 它们 消灭 干净 。 

这 种 游戏 结合 了 空袭 类 型 的 物理 特性 和 拼图 类 型 的 分 布 特性 。 通常 情况 下 , 玩家 面前 会 出 现 
许多 固定 的 物体 ， 必 须 使 用 尽 可 能 少 的 子弹 把 它们 都 消灭 掉 。 

让 我 们 构建 一 个 拥有 分 散 的 气球 ， 并 且 使 用 了 空袭 2 中 基本 思想 的 游戏 吧 。 


7.4.1 ”游戏 元 素 设计 


这 里 的 游戏 元 素 和 空袭 2 中 的 相似 。 我 们 需要 一 个 大 炮 和 一 个 大 炮 底座 。 大 炮 可 以 旋转 ， 而 
其 底座 固定 不 动 。 然 后 ， 我 们 使 用 加 农 炮弹 来 砍 代 普通 炮弹 。 我 们 还 使 用 不 同 颜色 的 气球 来 替代 
飞机 。 我 们 可 以 重用 空 旨 游戏 中 飞机 爆炸 时 的 帧 ， 并 在 影片 剪辑 中 进行 类 似 的 安排 。 

图 7-13 显示 了 游戏 的 第 一 个 级 别 的 气球 分 布 ， 你 可 以 看 到 气球 飞 在 空中 ， 高 射 炮 改 成 了 加 
农大 炮 ， 加 农 炮 弹 飞 到 了 一 个 爆炸 的 气球 上 。 


A BalloonPop.swf 








Shots: 1 


图 7-13 气球 游戏 采用 了 类 似 空 袭 2 游戏 的 设置 


对 于 ActionScript 3.0 的 设计 ， 我 们 将 所 有 东西 都 放 在 了 一 个 类 中 ， 而 不 是 像 在 空袭 中 一 样 ， 
分 为 单独 的 炮弹 类 、 高 射 炮 类 和 飞机 类 。 

在 时 间 轴 的 设计 上 , 我 们 需要 作 一 些 改变 。 和 前 面 一 样 , 我 们 使 用 了 intro、play 和 gameover 
帧 ， 不 过 这 次 我 们 需要 有 多 个 级 别 的 分 布 。play 帧 需要 知道 将 气球 放 在 屏幕 的 哪个 位 置 。 

我 们 可 以 在 代码 中 做 到 这 些 。 使 用 一 个 函数 ,在 游戏 的 每 个 级 别 上 ,根据 气球 在 数组 中 的 位 
置 将 它们 逐一 放置 ， 不 过 这 比较 难 。 更 好 的 方式 是 使 用 Flash 图 形 环境 中 的 舞台 和 时 间 轴 来 放置 
气球 。 所 以 , 我 们 有 3 帧 ， 每 帧 都 是 一 种 不 同 的 分 布 情况 。 在 每 一 帧 中 ， 我 们 都 将 气球 影片 剪辑 
的 一 个 副本 拖 虹 到 屏幕 的 不 同位 置 上 ， 从 而 预 置 气球 。 
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levell 帧 中 ， 气 球 排列 成 简单 的 长 方形 。level2 帧 中 的 气球 排列 成 了 圆 形 。level3 帧 中 ， 气 球 
则 排 成 了 两 组 圆 形 。 

还 可 以 继续 创建 新 的 分 布 情况 ， 每 帧 一 种 。 拖 中 气球 的 影片 剪辑 很 方便 ， 也 可 以 使 用 Flash 
的 绘图 工具 (如 网 格 等 工具 ) 来 帮助 排列 。 在 某 些 时 候 ， 我 们 必须 使 用 ActionScript 代码 来 指明 
如 何 将 这 些 预 先 放置 的 影片 剪辑 加 入 到 游戏 中 来 。 接 下 来 你 就 会 看 到 。 


7.4.2 ”设置 图 形 


这 个 游戏 在 影片 剪辑 的 设计 上 和 空袭 2 很 相似 。 只 是 把 普通 炮弹 换 成 了 加 农 炮弹 ， 把 炮台 换 
成 了 加 农 炮 。 

此 外 ， 飞 机 也 换 成 了 五 颜 六 色 的 气球 。 不 过 它们 爆炸 时 使 用 的 帧 没有 变 。 

尽管 气球 已 经 被 预先 放置 在 了 Flash 舞台 上 ， 但 我 们 还 是 需要 声明 一 个 链接 的 类 名 ， 因 为 我 
们 将 要 在 代码 中 使 用 这 个 类 名 。 


7.4.3 设置 类 


两 个 游戏 之 间 另 一 个 不 同 是 , 在 气球 游戏 中 ,我 们 一 次 只 需要 一 颗 炮 弹 。 因 此 不 需要 一 个 数 
组 来 存储 ,而 只 需要 一 个 变量 。 不 过 我 们 需要 一 个 数组 来 存储 气球 ,还 需要 一 些 变量 来 记录 炮弹 
的 飞行 轨迹 : 


package { 
import flash.display.*; 
import flash.events.*; 
import flash.text.TextField; 








public class BalloonPop extends MovieClip { 


/ /显示 对 象 

private var balloons:Array; 

private var cannonball:Cannonball; 

private var cannonballDxX, cannonballDY:Number; 


我 们 使 用 下 面 的 布尔 值 来 跟踪 左右 方向 键 ， 
/ /按键 


private Var leftArrow, rightArrow:Boolean; 
接 下 来 ， 我们 设置 一 些 游戏 属性 。 这 里 不 记录 得 分 ,而 是 跟踪 发 射 炮弹 的 数量 。 当 炮弹 从 大 
炮 中 飞 出 去 时 ,我们 用 一 个 属性 记录 炮弹 的 初始 速度 。 当 然 , 我 们 也 必须 记录 当前 所 处 分 布 的 级 
别 。 此 外 ， 我 们 还 需要 一 个 常量 来 表示 重力 : 
// 游 戏 属性 
private Var shotsUsed:int; 
private var speed:Number; 


private Var gameLevel:int; 
private const gravity:Number = .05; 





7 
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7.4.4 开始 游戏 


intro 帧 中 的 开始 按钮 称 为 startBalloonPop。 它 会 设置 gameLevel 和 shotsUsed 属性 。 
然后 跳 转 到 levell 帧 ， 让 谤 戏 开 始 : 


public function startBalloonPop() { 
gameLevel = 1; 
shotsUsed = 0; 
speed = 6; 
gotoAndstop("levell"); 

由 


游戏 从 startLevel 国 数 开始 。 如 果 我 们 像 目前 为 止 的 大 多 数 游戏 一 样 ， 只 有 一 个 分 布 级 
别 ， 那 么 startGame 和 startLevel 这 两 个 了 国 数 就 可 以 合并 成 一 个 。 这 里 ， 我 们 希望 当 游戏 开 
始 时 ，startGame 能 够 做 一 些 (比如 设置 使 用 炮弹 的 数量 事情 ) ， 在 每 一 个 级 别 开 始 时 ， 
StartLevel 也 能 够 做 一 些 事情 。 

startLevel 国 数 在 时 间 轴 的 每 一 帧 上 都 被 调用 。 这 就 确保 了 这 个 函数 在 当前 帧 绘制 完毕 后 
运行 ， 那 时 候 当 前 分 布 的 每 个 气球 都 已 经 放置 好 了 。 

该 函数 首先 设置 屏幕 上 的 分 数 , 然后 调用 函数 finqBalloons, 接着 设置 键盘 和 帧 的 事件 侦 
听 器 : 


public function startLevel() { 
showGameScore(); 











/ /创建 对 象 数组 
findBalloons (); 


// 侦 听 键 盘 
stage.addEventListener (KeyboardEvent .KEY_DOWN, keyDownFunction); 
stage.addEventListener (KeyboardEvent .KEY_UP, keyUpFunction); 





/ /检测 碰撞 
addEventListener (Event .ENTER_ FRAME, gameEvents); 
} 


findBalloons 将 要 完成 一 大 堆 的 工作 ， 让 我 们 以 后 再 看 。 
7.4.5 准备 一 个 游戏 级 别 


在 每 个 分 布 级 别 开 始 ， 当 影片 跳 转 到 当前 级 别 的 帧 时 ， 我 们 需要 做 一 些 工 作 。 每 个 级 别 帧 上 
都 包含 了 一 组 气球 。 我 们 需要 得 到 所 有 气球 的 影片 剪辑 ， 然 后 存储 在 数组 中 ， 将 来 用 于 磁 撞 检 
测 并 最 终 移 除 。 

为 了 获取 所 有 的 气球 ， 我 们 需要 遍历 屏幕 上 的 所 有 显示 对 象 ， 使 用 numchildren 判断 有 多 
少 气球 ， 并 使 用 getchildqat 逐个 访问 。 

































































说 明 
你 可 以 使 用 is 语句 来 判断 对 象 是 否 属于 某 个 类 。 在 这 个 例子 中 ， 如 果 显 示 对 象 是 个 气 
球 ,， 则 (getcCchilgAt (i) is Balloon) 返 回 true: 如 果 不 是 ， 则 返回 false。 























当 我 们 发 现 一 个 影片 剪辑 是 气球 类 的 实例 ， 就 将 它 添加 到 数组 中 。 我 们 还 有 机 会 让 这 个 气 
球 跳 转 到 它 自身 5 个 帧 中 随机 的 一 帧 ， 每 一 帧 都 有 一 种 不 同 的 颜色 。 这 就 让 当前 分 布 级 别 中 的 
气球 变 得 五 颜 六 色 了 : 


public function findBalloons() { 
balloons = new Array(); 





// 人 遍历 所 有 显示 对 象 


for(var i:int=0;i<numChildren;i++) { 


// 判 断 当 前 对 象 是 否 是 气球 
if (getChildAt (i) is Balloon) { 


/ /如果 是 ， 得 到 随机 的 气球 颜色 
MovieClip (getChilgdAt (i)) .gotoAndstop (Math.floor 
(Math.random()*5)+1); 


// 添 加 到 气球 列表 
balloons.push (getChildAt (i)); 


7.4.6 主要 的 游戏 事件 
gameEvents 函数 每 帧 都 被 调用 ， 它 内 部 调用 3 个 主要 的 游戏 函数 : 


public function gameEvents (event:Event) { 
moveCannon ( ) ; 
moveCannonball (); 
checkForHits(); 





} 

当 按 下 一 个 方向 键 时 ， 大 炮 的 朝 问 就 会 发 生 改变 。 为 了 改变 朝向 ,我 们 首先 得 到 大 炮 影 片 剪 
辑 的 旋转 值 。 然 后 ， 根 据 方向 键 是 否 按 F 来 增加 或 者 减少 旋转 值 ， 每 次 1 

public function moveCannon() { 


Var newRotation = cannon.rotation; 


if (leftArrow) { 
newRotation -= 1; 


} 


if (rightArrow) { 
newRotation += 1; 


} 
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我 们 不 希望 大 炮 可 以 指向 任何 方向 ， 所 以 我 们 将 朝向 约束 在 -90" 一 -20  。-90 "是 朝向 上 面 ， 
-20 接近 于 地 面 了 。 下 面 ， 我 们 用 大 炮 的 旋转 值 来 设置 朝向 : 
// 判 断 边 界 


if (newRotation < -90) newRotation 
if (newRotation > -20) newRotation 


-90; 
-20; 


ll 


// 重 定位 
cannon.rotation = newRotation; 


} 

移动 大 炮 和 移动 子弹 一 样 ,不 过 这 里 我 们 要 将 重力 考虑 进来 。 所 以 , 每 次 我 们 都 将 重力 增加 
到 cannonballDY 上 。 我 们 还 需要 判断 炮弹 是 否 穿 过 了 屏幕 底部 。 

只 有 当 炮 弹 在 飞行 的 过 程 中 上 时， 我们 才 运 行 函数 中 的 代码 。 当 大 炮 不 存在 时 ，cannonball 
变量 返回 nul1， 因 为 没有 对 象 指向 。 当 我 们 移 除 炮弹 时 ， 将 cannonball 设 为 nul1l: 


public function moveCannonball() { 








// 只 有 当 炮 弹 存 在 时 才 移 动 


if (cannonball != null) { 


// 改 变 位 置 
cannonball.x += cannonballDx; 
cannonball.y += cannonballDY; 


/ /增加 重力 
cannonballDY += gravity; 


/ /判断 炮弹 是 否 落 到 地 面 

if (cannonball.y > 340) { 
removeChild(cannonball); 
caniionball Hull 


} 

游戏 的 主 函 数 最 后 调用 checkForHits。 这 个 国 数 遍历 所 有 的 气球 , 然后 将 每 一 个 气球 和 炮 
弹 进 行 碰撞 检测 。 只 有 在 炮弹 存在 的 时 候 才 进行 碰撞 检测 。 

如 果 检 测 到 碰撞 ， 被 击 中 的 气球 会 开始 播放 爆炸 动画 。 动 画 的 最 后 ， 气 球 会 被 移 除 。 下 面 我 
们 会 看 到 : 











/ /碰撞 检测 
DUbLLG function CheckForHites() 4 
1if (cannonmnball Ts nwlL) 和 
/ /遍历 所 有 的 气球 
for (var i:int=balloons.length-1;i>=0;i--) { 


/ /判断 它 是 否 与 炮弹 接触 
if (cannonball.hitTestObject (balloons[i])) { 
balloons[i] .gotoAndPlay ("explode"); 





break; 


' 


7.4.7 ”玩家 控制 


下 面 的 函数 会 设置 代表 键盘 的 变量 的 布尔 值 ， 这 和 空 效 2 游戏 基本 一 致 。 唯 一 不 同 的 是 ， 空 
格 键 ( 键 值 是 32) 会 调用 fireCcannon: 





// 按 下 键 
public function keyDownFunction(event:KeyboardEvent) { 
if (event.keyCode == 37) { 
leftArrow = true; 
} else if (event.keyCode == 39) { 
rightArrow = true; 
} else if (event.keyCode == 32) { 
fireCannon(); 
} 
} 
/ /释放 键 
public function keyUpFunction(event:KeyboardEvent) { 
if (event.keyCode == 37) { 
leftArrow = false; 
} else if (event.keyCode == 39) { 


rightArrow = false; 
} 
} 
fireCannon 国 数 记录 了 一 次 开火 ， 同 时 更 新 了 显示 。 它 接 着 创建 一 颗 新 的 炮弹 ,将 它 设置 


在 大 炮 的 位 置 。 


说 明 
fireCannon 加 数 的 开头 就 要 判断 cannonball 是 否 和 存在。 如果 cannonball 存在 ， 
疯 数 直接 返回 。 在 这 个 游戏 中 ， 我 们 已 经 看 到 了 两 个 基于 影片 部 辑 存 在 与 否 移 除 代码 的 
方法 。 第 一 个 方法 是 , 在 moveCannonball 和 checkForHits 中 ， 将 所 有 的 因数 代 
但 都 放 在 了 一 个 很 大 的 i£. . .then 语句 中 。 第 二 个 是 使 用 return 语句 直接 从 了 遂 数 返 
可 。 第 一 个 方法 适用 于 小 函数 ， 第 个 用 在 大 型 的 遂 数 中 效果 更 好 。 这 两 个 都 是 编程 可 


选 的 风格 。 


































































































































































































当 炮 弹 创建 好 以 后 ， 它 必须 在 大 炮 的 后 面 ， 这 样 才能 看 起 来 像 是 大 炮 将 它 发 射出 去 的 。 使 
用 aqachilg 将 炮弹 放 在 大 炮 的 上 面 。 然 后 ， 再 次 使 用 aadchi1d 将 大 炮 的 影片 剪辑 移 到 上 面 。 
但 是 ,， 这 会 将 大 炮 放 在 大 炮 底座 的 上 面 ， 所 以 必须 第 三 次 使 用 adachi19， 将 大 炮 的 底座 放 在 最 


上 面 : 
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public function fireCannon() { 
if (cannonball != null) return; 
shotsUsed++; 
showGameScore(); 
/ /创建 炮弹 
cannonball = new Cannonball (); 


cannonball .x = cannon. x; 
cannonball.y = cannon.y; 
addChild(cannonball); 


// 将 大 炮 和 底座 移 到 上 面 
addChild (cannon); 
addChild(cannonbase); 


/ /设置 炮弹 的 方向 
cannonballDxX = speed*Math.cos(2*Math.PI*cannon.rotation/360); 
cannonballDY = speed*Math.sin(2*Math.PI*cannon.rotation/360); 


, 
fireCannon 国 数 的 最 后 ， 根 据 大 炮 的 朝向 和 速率 常量 来 设置 cannonballDx 和 
cannonballDY 的 值 ， 从 而 给 予 炮弹 一 个 初始 速度 。 


7.4.8 弹出 气球 


在 气球 爆炸 动画 的 结尾 , 会 有 一 个 回调 函数 ,让 气球 发 出 请 求 , 请 求 自己 被 移 除 出 游戏 。 这 
个 过 程 可 以 用 如 下 代码 表示 : 

MovieClip(root) .balloonDone (this); 

balloonDone 水 数 将 气球 从 屏幕 中 移 除 ， 然 后 遍历 气球 数组 ， 将 该 气球 从 数组 中 移 除 。 
数 的 最 后 , 判断 气球 数组 是 否 已 经 空 了 。 如 果 数 组 空 了 , 那么 这 个 分 布 级 别 就 结束 了 , endLevel 
或 者 endGame 会 被 调用 : 

// 和 气球 回调 函数 ， 将 自己 移 除 


public function balloonDone (thisBalloon:MovieClip) { 


// 从 屏幕 中 移 除 
removeChild(thisBalloon); 
// 在 数组 中 查找 和 移 除 
for(var i:int=0;i<balloons.length;i++) { 
if (balloons[i] == thisBalloon) { 
balloons.splice(i,1); 
break; 


// 查 看 气球 是 否 都 被 消灭 
if (balloons.length == 0) { 
cleanUp (); 





if (gameLevel == 3) { 
endGame ();，; 

} else { 
endLevel (); 


7.4.9 结束 分 布 级 别 和 游戏 


注意 到 当 一 个 分 布 级 别 或 者 游戏 结束 时 ，balloonDone 会 调用 cleanUp 函数 。 这 个 函数 
将 对 游戏 进行 清理 工作 。 事 件 侦 听 器 会 被 停止 ，Ccannon、cannonbase 和 cannonball 都 会 被 
移 除 。 不 用 去 关心 气球 ， 因 为 到 了 这 一 步 ， 所 有 的 气球 都 已 经 被 移 除了 。 


/ /停止 游戏 
public function cleanUp() { 





/ /停止 所 有 事件 


stage.removeEventListener (KeyboardEvent .KEY_DOWN, keyDownFunction); 
stage.removeEventListener (KeyboardEvent .KEY_UP,keyUpFunction); 
removeEventListener (Event .ENTER_ FRAME,gameEvents); 





// 移 除 炮 弹 

if (cannonball != null) { 
removeChild(cannonball); 
cannonball = nlly 


} 
// 移 除 大 炮 


removeChild(cannon); 
removeChild(cannonbase); 


} 

ngdLevel 和 endGame 函数 只 是 将 影片 跳 转 到 另 一 帧 上 。 你 项 至 可 以 不 用 这 两 个 函数 ， 而 
将 gotoandstop 调用 直接 放置 在 balloonpone 中 ,但 我 更 喜欢 将 它们 放 在 独立 的 函数 中 ， 这 
样 在 以 后 扩展 时 就 可 以 放 入 更 多 的 代码 : 


public function endLevel() { 
gotoAndSstop("levelover"); 





’ 


public function endGame() { 
gotoAndStop ("gameover");} 


} 

当 一 个 分 布 级 别 结束 后 ， 游 戏 停 在 levelover 帧 上 ， 这 一 帧 上 的 按钮 将 把 玩家 带 入 下 一 个 级 
别 ， 并 开始 游戏 : 

public function clickNextLevel (e:MouseEvent) { 


gameLevel++;} 
gotoAndSstop("level"+gameLevel); 
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这 里 还 有 一 个 函数 showGameScore。 尽 管 名 字 和 空 效 2 中 的 国 数 一 样 ， 但 这 里 它 实 际 显示 
的 是 使 用 的 炮弹 数量 : 


public function showGameScore() { 
showScore.text = String("Shots: "+shotsUsed); 





上 


7.4.10 ”时间 轴 脚本 


我 们 已 经 看 到 ， 气 球 需 要 在 它 自 身 时 间 轴 的 最 后 一 帧 调用 balloonDone。 在 主 时 间 轴 上 也 
需要 更 多 的 函数 调用 。 
3 个 level 帧 都 需要 调用 startLevel 国 数 : 





startLevel (); 
同时 ，intro 帧 上 需要 设置 一 个 按钮 用 于 开始 游戏 : 
stop(); 


startButton.addEventListener (MouseEvent .CLICK,clickStart); 
function clickStart (event:MouseEvent) { 

startBalloonPop(); 
} 


同样 地 ，levelover 帧 上 需要 设置 自身 的 按钮 ， 用 来 调用 主 类 中 的 clickNextLevel 国 数 ， 
nextLevelButton.addEventListener (MouseEvent .CLICK,clickNextLevel); 
最 后 ，gameover 帧 也 需要 为 按钮 添加 脚本 : 


playAgainButton.addEventListener (MouseEvent .CLICK,playAgainClick); 
function playAgainClick(e:MouseEvent) { 
gotoAndSstop ("intro"); 











} 


7.4.11 修改 游戏 


这 个 游戏 和 其 他 游戏 一 样 , 也 可 以 用 于 很 多 不 同 的 场合 。 你 可 以 将 气球 和 大 炮 换 成 任何 其 他 
物体 。 你 也 可 以 在 气球 和 大 炮 的 影片 剪辑 中 增加 一 些 动画 ， 而 不 用 增加 任何 代码 。 比 如 说 ,在 炮 
弹 击 中 时 ， 如 果 能 看 到 一 个 马戏 团 小 丑 跳出 来 ， 会 很 有 意思 。 

当然 ， 你 也 可 以 很 方便 地 增加 分 布 级 别 。 按照 你 的 喜好 ， 可 以 给 玩家 增加 一 些 挑战 ， 比 如 
说 尝试 用 最 少 的 炮弹 完成 任务 。 

注意 到 速率 变量 不 是 常量 。 但 我 们 将 它 设置 为 6， 然 后 不 再 改变 。 我 们 可 以 在 每 一 个 分 布 级 
别 的 帧 上 都 重新 设置 不 同 的 速度 值 。 在 第 1~ 10 级， 可 以 设 为 6， 然 后 从 第 11 级 开始 设置 为 7， 
还 可 以 在 发 射 更 大 威力 的 炮弹 时 ， 将 大 炮 的 图 形 设置 得 更 大 。 

还 可 以 作 一 些 改动 , 比如 设置 一 些 气球 或 者 其 他 物体 ， 让 它们 能 够 挡住 炮弹 。 如 果 炮 弹 击 中 
这 些 物体 ， 炮弹 就 被 消耗 了 ， 这样 其 他 气球 就 得 到 了 保护 。 这 些 新 的 元 素 可 以 一 直 存 在 ,也 可 以 
在 被 击 中 后 移 除 。 这 就 为 以 后 的 级 别 设置 增加 了 一 些 办 法 。 

















休闲 游戏 : 同色 消除 和 消除 方块 


本 章 内 容 
口 可 重用 的 类 : 爆炸 点 

口 同色 消除 

口 消除 方块 





最 初 , 视频 游戏 都 是 简单 好 玩 的 , 像 俄罗斯 方块 这 样 的 小 型 动作 类 益 智 游戏 非常 流行 。 后 来 ， 
3D 图 形 技术 的 发 展 将 游戏 推 向 了 虚拟 世界 ， 甚 中 第 一 人 称 射 击 和 在 线 角 色 扮 演 游 戏 (RPG) 广 
受 欢迎 。 

然而 , 十 年 前 ， 作 为 在 线 免费 且 可 下 载 的 游戏 ， 益 智 游戏 又 重新 流行 起 来 。 这 些 游戏 通常 被 
称 为 休闲 游戏 。 


说 明 

术语 “休闲 游戏 ”存在 很 多 混淆 的 地 方 。 维 基 百 科 将 它 定义 为 : 面向 广大 普通 玩家 的 电 
子 或 者 计算 机 游戏 类 型 。 这 是 一 个 广义 的 定义 。 一 个 狭义 的 定义 是 同色 消除 游戏 ， 因 为 
网 站 上 卖 的 大 部 分 “休闲 游戏 ”都 是 同色 消除 游戏 。 

不 过 ， 本 书 中 的 许多 游戏 都 符合 这 个 广义 的 定义 。 事实 上 ， 许 多 拼图 游戏 和 字 谈 游戏 都 
是 和 同色 消除 游戏 一 起 卖 的 。 
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大 多 数 休闲 游戏 是 动作 类 益 智 游戏 , 这 意味 着 它们 不 仅仅 是 益 智 游戏 ,还 结合 了 一 些 移动 或 
者 时 间 限 制 ， 用 来 增加 可 玩 性 。 

本 章 中 ， 我 们 先 来 看 一 下 爆炸 点 (point burst) ， 它 是 休闲 游戏 中 的 一 个 常用 特效 。 接 着 ， 我 
们 来 构建 一 个 典型 的 同色 消除 游戏 ， 最 后 来 完成 一 个 流行 的 益 智 类 游戏 消除 方块 。 


8.1 可 重用 的 类 : 爆炸 点 





源 文 件 
http://flashgameu.com 


A3GPU208_PointBurst.zip 


街机 游戏 时 代 的 早期 ， 一 般 当 你 在 游戏 中 做 对 了 一 些 事情 时 ， 就 会 得 到 分 数 奖励 。 这 一 点 
一 直 没 有 改变 ， 改 变 的 是 奖励 的 展现 方式 。 

在 早期 的 街机 游戏 中 ,你 只 是 简单 地 看 到 屏幕 边 上 的 分 数 发 生 了 变化 。 但 是 ， 有 可 能 你 当时 
并 没有 看 屏幕 的 那个 角落 ， 直 到 完成 那个 动作 ， 才 会 看 看 屏幕 的 分 数 栏 。 所 以 ， 游 戏 演变 为 在 动 
作 发 生 的 位 置 ， 将 获得 的 奖励 分 数 展示 出 来 。 

查看 几乎 所 有 优秀 的 休闲 游戏 ， 你 都 会 看 到 这 一 点 。 图 8-1 展示 了 我 的 游戏 Gold Strike 
( 打 黄 金 ), 这 时 刚好 玩家 单 击 了 一 些 金 块 得 分 了 。 你 可 以 看 到 在 原先 黄金 的 位 置 出 现 了 “30” 
的 字样 。 这 些 数字 瞬间 从 小 到 大 ， 然 后 消失 。 它 们 只 存在 足够 长 的 上 时间， 向 玩家 展示 获得 的 
分 数 。 


goldstrike.swf 


5OLD STRIKE ) 





图 8-1 获得 的 分 数 显示 在 动作 发 生 的 位 置 


我 将 这 种 特殊 效果 称 为 爆炸 点 。 它 是 如 此 地 普遍 ， 而 且 这 里 会 频繁 地 用 到 ， 因 此 我 将 它 作为 
一 个 特殊 类 ， 可 以 在 许多 游戏 中 构建 ， 然 后 重用 。 
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8.1.1 开发 爆炸 点 类 


PointBurst.as 类 应 该 尽 可 能 是 自 包 含 的 (self-contained) 。 事 实 上 ， 我 们 的 目标 是 在 游戏 中 只 
用 一 行 代 码 就 可 以 使 用 爆炸 点 。 所 以 ， 类 本 身 必 须 负 责 创 建文 本 和 Sprite， 设 置 元 件 的 动画 ， 并 
在 完成 后 将 自身 完全 移 除 。 












































说 明 
PointBurst 类 不 仅 只 需要 一 行 代码 就 可 以 使 用 ， 而 且 除 了 使 用 一 种 字体 外 ， 不 需要 主 





















































影片 库 里 的 任何 条 目 。 














图 8-2 显示 了 我 们 将 要 实现 的 版 本 ， 它 随 着 时 间 变化 。 一 开始 爆炸 点 很 小 ， 然 后 慢 慢 变 大 。 
同时 ， 爆 炸 点 一 开始 应 该 是 完全 不 透明 的 ， 然 后 慢 慢 消逝 ， 变 成 透明 的 。 在 一 秒 钟 以 内 ， 这 个 变 
化 就 应 该 完成 了 。 








图 8-2 ”这 张 时 序 图 展示 了 爆炸 点 开始 时 处 于 左边 的 形态 ， 
从 左 到 右 的 变化 





随 着 动画 的 进行 ， 








1. 类 定义 
对 于 这 么 小 的 类 ， 我 们 仍然 需要 4 个 import 语句 。 我 们 将 使 用 计时 器 来 控制 爆炸 点 动画 ， 
而 不 用 另 一 个 选择 ， 即 用 ENTER_FRAME 事件 将 其 设置 为 基于 时 间 的 : 


package { 











import 
import 
import 


flash.display.*; 
flash.events.*; 
flash.text.*> 


import flash.utils.Timer; 


尽管 PointBurst 类 属于 演示 性 质 的 动画 , 但 它 仍然 只 是 一 个 Sprite， 因 为 它 不 需要 使 用 多 
相反 ， 我 们 将 在 每 个 时 间 段 中 重 设 Sprite 的 透明 度 (alpha)。 
我 们 使 用 静态 常量 来 设置 字体 类 型 、 大 小 和 颜色 : 


public class PointBurst extends sprite { 





帧 。 


/ /文本 样式 

static const fontFace:String = "Arial"; 
static const fontSize:int = 20; 

static const fontBold:Boolean = true; 
static const fontColor:Number = OxFFFFFF; 


我 们 也 为 动画 设置 了 几 个 常量 .animsteps 和 animstepTime 定义 了 动画 的 长 度 和 平 请 度 。 
比如 , 将 animsteps 设置 为 10，animStepTime 设置 为 50, 那 就 相当 于 设置 了 10 个 间隔， 
每 个 间隔 50 ms， 进 行 了 500 ms 的 动画 ; 相对 地 ， 如 果 设 置 20 个 间隔 ， 每 个 25 ms， 那 么 动画 的 
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总 长 度 也 是 500 ms， 但 是 间隔 多 了 一 倍 ， 所 以 动画 显得 更 加 平 请 : 


/ /动画 
static const animSteps:int = 10; 
static const animStepTime:int = 50; 


影片 的 大 小 随 着 动画 的 进行 作 相应 的 改变 。 下 面 两 个 常量 定义 了 影片 开始 和 结束 时 的 大 小 : 


static const startScale:Number = 0; 
static const endScale:Number = 2.0; 


定义 好 常量 以 后 , 我 们 定义 儿 个 变量 ， 用 来 保存 爆炸 所 中 的 几 个 条 目 。 其 中 一 个 保存 文本 域 ， 
一 个 保存 Sprite, 这 个 Sprite 会 封装 文本 域 。 第 3 个 变量 保存 我 们 希望 将 爆炸 点 放置 的 位 置 ， 
可 能 是 舞台 或 者 一 个 影片 剪辑 。 最 后 一 个 变量 就 是 计时 器 对 象 : 


Private Var trField:TextField; 
private var burstSprite:Sprite; 
private var parentMC:MovieClip; 
private var animTimer:Timer; 


2. PointBurst 函数 

我 们 创建 PointBurst 使 用 的 那 行 代码 ， 其 实 就 是 创建 一 个 新 的 PointBurst 对 象 。 
调用 PointBurst 构造 函数 ,该 函数 接收 几 个 参数 。 这 些 参 数 是 我 们 与 PointBurst 放生 半生 
沟通 的 唯一 方式 ， 可 以 传递 一 些 关键 信息 ， 比 如 爆炸 点 的 位 置 和 显示 的 文本 。 


说 明 


pts 参数 是 一 个 对 象 (Object) ， 因 为 我 们 希望 它 能 接收 任何 类 型 的 变量 : int、Number 
或 String。 因 为 TextField 的 text 属性 需要 接收 一 个 String 类 型 ， 所 以 我 们 将 
它 转换 为 Stringo 



































PointBurst 的 第 一 个 参数 是 影片 剪辑 mc。 它 可 能 是 对 舞台 、 另 一 个 影片 剪辑 或 Sprite 的 引 
用 ， 在 这 些 元 素 中 ， 爆 炸 点 将 由 addchild 添加 : 


public function PointBurst (mc:MovieClip, pts:Object, x,y:Number) { 
国 数 必 须 首 先 创建 一 个 TextFormat 对 象 ， 用 来 设置 我 们 接 下 来 创建 的 TextField。 它 用 
到 了 我 们 之 前 定义 的 格式 常量 。 它 还 将 域 中 的 对 齐 方 式 设 为 居中 "center": 
/ /创建 文本 格式 
var tFormat:TextFormat = new TextFormat ();} 


tFormat.font = fontFace; 
tFormat.size = fontSize; 








tFormat .bold fontBold; 
thFRormat oolor = fontColorys 
tFormat.align = "center"; 


接 下 来 , 我 们 创建 文本 域 。 除了 将 文本 域 设 为 不 可 选 外 , 我们 还 要 设置 域 的 赔 入 字体 , 而 不 是 
使 用 系统 默认 字体 。 这 是 因为 ， 我 们 要 设置 文本 的 透明 度 ， 而 这 只 有 在 使 用 髓 入 字体 时 才能 完成 
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为 了 让 接 下 来 创建 的 文本 处 在 中 央 ， 我 们 设置 域 的 默认 尺寸 (autoSsize) 为 TextField- 
AutoSize.C ENTER。 然 后 ， 我 们 设置 x 和 yy 的 属性 值 为 宽度 和 高 度 的 相反 数 的 一 半 。 这 样 就 














将 文本 放 在 了 点 (0,0): 
/ /创建 文本 域 
tField = new TextrField(); 
tField.embedFonts = true; 
trField.selectable = false; 
tField.defaultTextFormat = tFormat; 
trField.autoSize = TextFieldAutoSize.CENTER; 
tField.text = String(pts); 
d 


trFrield.x = -(tField.width/2); 
tField.y = -(tField.height/2); 


现在 我 们 创建 一 个 Sprite， 它 包含 文本 ， 是 动画 的 主要 显示 对 象 。 我 们 将 该 Sprite 的 位 置 设 
置 为 传 入 函数 的 x 和 y 值 设置 它 的 缩放 值 为 startscale 常量 值 。 将 alpha 设置 为 0。 然后 ， 


我 们 将 该 Sprite 添加 到 传 入 函数 的 mc 影片 剪辑 中 : 


/ /创建 Sprite 
burstSprite = new Sprite(); 
burstSprite.x = Xx; 

burstSprite.y = y; 
burstSprite.scalex startScale; 
burstSprite.scaleY startScale; 
burstSprite.alpha = 0; 
burstSprite.addChild (trField); 
parentMC = mc; 
parentMC.addChild(burstSprite); 


既然 PointBurst 是 一 个 Sprite， 我 们 只 需要 开启 一 个 计时 器 ， 控 制 500 ms 的 动画 。 计 时 
器 调用 rescaleBurst 几 次 ， 当 计时 完成 后 ， 调 用 removeBurst: 


/ /开始 动 画 

animTimer = new Timer (animStepTime,animSteps); 
animTimer.addEventListener (TimerEvent .TIMER, rescaleBurst); 
animTimer.addEventListener (TimerEvent .TIMER_ COMPLETE, removeBurst); 
animTimer.start (); 











} 

3. 爆炸 点 动画 

当 计 时 器 调用 rescaleBurst 时 ， 我 们 需要 设置 Sprite 的 缩放 属性 和 透明 度 。 首 先 ， 我 们 
根据 计时 器 的 当 前 步 数 和 总 步 数 animSteps 计算 percentDone。 然 后 ， 我 们 将 这 个 值 应 用 在 
startScale 和 endscale 常量 上 , 得 到 当前 的 缩放 值 。 也 可 以 用 percentDone 来 设置 透明 度 ， 
但 我 们 希望 让 透明 度 的 值 从 1.0 到 0.0， 所 以 需要 反 转 这 个 数值 。 





说 明 

alpha 属性 设置 了 Sprite 或 影片 剪辑 的 透明 度 。 当 它 的 值 为 1.0 时 ， 对 象 和 之 前 一 样 ， 
所 有 的 纯色 都 100% 显 示 。 这 也 意味 着 那些 未 填充 的 区 域 ， 比 如 说 字符 的 边框 外 面 ， 就 偿 
是 透明 的 。 当 值 为 0.5， 即 50% 透 明 时 ， 之 前 不 透明 的 区 域 ， 比 如 说 线条 还 有 字符 填充 区 
域 ， 都 能 够 显示 出 它 后 面 的 颜色 。 
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/ /动画 
public function rescaleBurst (event :TimerEvent) { 


/ /动画 进度 


var percentDone:Number = event.target.currentCount/animSteps; 


/ /设置 缩放 值 和 造 明度 

burstSprite.scalex 
burstSprite.scaleY 
burstSprite.alpha = 1.0-percentDone; 


} 


(1.0-percentDone)*startScale + percentDone*endScale; 
(1.0-percentDone)*startScale + percentDone*endScale; 


当 计 时 器 完成 时 ， 它 会 调用 removeBurst。removeBurst 会 将 PointBurst 对 象 中 的 所 


有 资源 消除 ， 不 需要 主 影 片 或 者 主 影片 类 中 的 任何 操作 。 


从 burstsprite 中 移 除 tFielgd 之 后 ，burstSprite 也 从 它 的 父 影片 剪辑 barentMC 中 
移 除 。 然 后 ，burstsprite 和 tField 都 被 设置 为 null1， 从 内 存 中 消除 。 最 后 ， 使 用 delete 


将 PointBurst 对 象 完全 删除 。 





说 明 



































名 来 删除 一 个 对 要 的 所 有 3 入 但 是 aslet 















































其 实 ， 并 不 清楚 是 否 需要 removeBurst 中 所 有 的 语句 。 你 应 该 可 以 通过 delete 语 


语句 删除 了 PointBurst， 所 以 还 需 





Fn 





移 除 它 的 两 个 变量 。 移 除 burst Sprite 的 同时 还 需要 移 除 tFi 
























































/ /清除 所 有 对 象 

public function removeBurst (event:TimerEvent) { 
burstSprite.removeChild(tField); 
parentMC.removeChild(burstSprite); 
tField = null; 
burstSprite = null; 
delete this; 

} 


8.1.2 在 影片 中 使 用 爆炸 点 


1g。 没有 办 法 证 明 删 
除 操作 的 机 制 ， 当 本 书 完成 时 ,还 没有 详细 的 技术 文档 告诉 我 们 Flash 播放 器 内 部 是 如 何 


实现 的 。 所 以 ， 最 好 的 办 法 就 是 使 用 一 个 遂 数 ， 确 保 所 有 的 对 象 都 被 清除 了 。 











A 











在 影片 中 创建 PointBurst 对 象 之 前 , 需要 做 两 件 事 。 首先, 需要 在 库 中 创建 一 个 Font ( 字 


体 对 象 ) ， 然 后 ， 还 需要 告诉 Flash 在 哪里 找到 PointBurst.as 文件 。 
1. 为 景 sS 片 添加 字体 


因为 我 们 要 设置 文本 的 透明 度 ， 所 以 需要 添加 一 种 字体 。 要 做 到 这 一 
一 种 字体 。 





点 


JAY? 


只 能 在 库 中 藤 入 








为 了 创建 一 个 各 入 的 字体 ， 需 要 打开 Library 面板 的 下 拉 菜 单 ， 然 后 选择 New Font (新 建 字 
体 )。 然 后 ， 添 加 字体 ， 确 保 在 左边 添加 了 Arial 字体 ， 然 后 选择 Basic Latin， 这 样 可 以 包含 95 
种 基本 字符 。 图 8-3 展示 了 Font Embedding (字体 戏 入 ) 对 话 框 ， 你 可 以 跟着 做 。 你 还 可 以 趁 此 





机 会 多 尝试 一 下 对 话 框 ， 熟 悉 一 下 如 何 添加 字体 。 
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图 8-3 在 Font Embedding 对 话 框 中 ， 你 可 以 选择 一 种 字体 添加 到 库 中 


不 过 ， 这 只 是 第 一 步 。 第 二 步 是 要 确保 字体 能 被 ActionScript 使 用 ， 这 可 不 太 明 显 。 为 了 让 
ActionScript 能 够 使 用 ， 你 只 需要 简单 地 单 击 Font Embedding 对 话 框 的 ActionScript 标签 ， 然 后 选 
中 Export for ActionScript (为 ActionScript 导出 )， 并 为 类 取 好 名 字 ， 如 图 8-4 所 示 。 或 者 ， 你 也 
可 以 跳 过 这 一 步 ， 然 后 在 Library 面板 中 给 字体 设置 一 个 Linkage (链接 ) 名 称 ， 就 像 为 影片 剪辑 
或 其 他 要 在 代码 中 使 用 的 类 一 样 。 































































































图 8-4 在 Font Embedding 对 话 框 中 ， 你 可 以 为 库 中 字体 指定 类 名 











2. 类 的 位 置 
在 我 们 的 例子 中 ， 并 不 需要 告诉 Flash 在 哪里 找到 PointBurst.as 类 文件 。 这 是 因为 它 和 Flash 
影片 在 同一 个 目录 下 。 

但 是 ， 如 果 你 需要 在 多 个 项 目 中 使 用 同一 个 PointBurst.as 类 文件 ， 就 需要 将 它 放 在 所 有 项 目 
影片 都 能 够 访问 到 的 地 方 ， 并 且 告 诉 它们 如 何 找到 这 个 文件 。 

有 两 种 方法 能 让 影片 知道 类 文件 的 位 置 。 第 一 种 方法 是 在 Flash Preferences (Flash 首选 参数 ) 
面板 中 添加 类 路 径 。 你 可 能 希望 创建 一 个 目录 ， 将 所 有 常用 的 类 都 放 在 里 面 。 然 后 ， 进 入 Flash 
Preferences 面板 ， 选 择 类 别 中 的 ActionScript。 在 那里 ， 单 击 ActionScript 3.0 Setting 按钮 ， 然 后 
在 类 路 径 中 添加 放置 类 文件 的 目录 。 
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说 明 


其 实 ， 也 可 以 使 用 库 类 的 默认 位 置 Flash Classes 文件 夹 ， 它 一 般 在 Program Files 或 者 
Applications 文件 夹 下 的 Flash 文件 夹 中 。 我 不 喜欢 这 么 做 ， 因 为 我 希望 我 创建 的 文件 都 
远离 Applications 文件 夹 ， 只 保留 默认 安装 的 文件 。 






























































第 二 种 方法 是 打开 File (文件 菜单 )， 选择 Publish Settings (发 布设 置 ), 在 ActionScript 版 本 
选择 的 右边 单 击 Setting (设置 ) 按钮 。 接 着 ， 你 就 可 以 单独 为 这 个 影片 添加 类 路 径 。 

总 结 起 来 ，Flash 影片 一 共有 4 种 方法 来 访问 类 文件 : 

(1) 将 类 文件 和 影片 放置 在 同一 文件 夹 中 ; 

(2) 将 类 的 位 置 添加 到 Flash Perferences 中 ; 

(3) 将 类 文件 放 到 Flash 应 用 程序 的 类 文件 夹 中 ， 

(4) 将 类 文件 的 位 置 添加 到 影片 的 Publish Settings 中 。 

3. 创建 爆炸 点 

当 库 中 包含 了 字体 ,而 且 影片 能 够 访问 到 类 , 则 只 需要 一 行 代 码 就 可 以 创建 一 个 爆炸 点 实例 。 
下 面 是 一 个 例子 : 

Var pb:PointBurst = new PointBurst (this,100,50,75); 

这 将 创建 一 个 100 像素 的 爆炸 点 。 它 会 出 现在 (50,75) 的 位 置 。 

示例 影片 PointBurstExample.fla 和 对 应 的 PointBurstExample.as 类 展示 了 一 个 更 高 级 的 例子 。 
它 会 在 你 单 击 的 位 置 创 建 一 个 爆炸 点 : 

package { 


import flash.display.*; 
import flash.events.*; 








public class PointBurstExample extends MovieClip { 


public function PointBurstExample() { 
stage.addEventListener (MouseEvent .CLICK,tryPointBurst); 








public function tryPointBurst (event:MouseEvent) { 
Var pb:PointBurst = new PointBurst (this,100,mouseXx,mouseY); 


现在 我 们 有 了 这 个 独立 的 代码 块 ， 它 可 以 处 理 复 杂 的 特效 ,我们 可 以 将 它 用 在 接 下 来 的 游戏 
中 ， 而 几乎 不 需要 额外 的 编码 工作 。 
8.2 同色 消除 


源 文件 
http://flashgameu.com 
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A3GPU208_MatchThree.zip 
虽然 同色 消除 (Match Three) “是 最 常见 、 最 流行 的 休闲 游戏 , 但 是 它 并 不 容易 编写 。 事 实 上 ， 
同色 消除 游戏 中 的 许多 功能 都 需要 一 些 巧 妙 的 技术 来 实现 。 接 下 来 , 我 们 将 会 仔细 研究 这 个 游戏 。 


8.2.1 玩 同色 消除 游戏 

如 果 很 不 巧 ， 你 在 过 去 的 几 年 里 都 没有 玩 过 同色 消除 游戏 ， 那 么 就 来 先 看 一 下 它 的 玩法 。 

在 一 块 8x8 的 板 上 , 随机 地 放置 着 6~7 种 小 块 。 你 可 以 单 击 任何 水 平 或 和 型 直方 向 上 相连 的 
两 个 小 块 ， 将 它们 交换 。 如 果 交 换 后 能 将 3 个 或 3 个 以 上 同一 类 型 的 小 块 排 成 了 一 条 直线 ， 那 么 
允许 交换 。 连 成 直线 的 小 块 都 被 移 除 了 ， 在 这 些小 块 上 面 的 那些 都 会 掉 下 来 ,填补 空 缺 。 

这 就 是 同色 消除 游戏 的 规则 。 简 单 的 规则 是 它 流行 的 原因 之 一 。 游戏 可 以 一 直 玩 下 去 ， 直 到 
没有 任何 交换 能 够 让 小 块 被 消除 为 止 。 
图 8-5 展示 了 我 的 游戏 《牛顿 的 于 梦 》 (Newton's Nightmare) ,一 个 非常 典型 的 同色 消除 游戏 。 














图 8-5 《牛顿 的 眶 梦 》 将 苹果 作为 小 块 








除 类 游 




















说 明 
游戏 宝石 迷 阵 (Bejeweled) 也 被 称 为 钻石 宝藏 (Diamond Mine) ， 引 领 了 同色 消 


戏 的 潮流 。 





8.2.2 ”游戏 功能 概述 
游戏 的 流程 遵循 12 个 步骤 ， 每 一 步 都 提出 了 不 同 的 编程 挑战 。 











@ 国内 常 称 为 对 对 碰 。 一 一 编者 注 
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(1) 创建 一 个 随机 游戏 

游戏 开始 时 ，8 x 8 的 游戏 板 上 ， 随 机 排列 了 7 种 不 同 的 元 素 。 

(2) 检查 匹配 

游戏 初始 化 时 ,需要 添加 一 些 约束 。 首 先 就 是 板 上 不 能 存在 3 个 以 上 连 成 直线 的 小 块 。 必 须 
由 玩家 来 完成 第 一 个 匹配 。 

(3) 检查 移动 

初始 板 上 的 第 二 个 约束 是 , 必须 至 少 存在 一 个 移动 能 够 消除 小 块 。 这 就 意味 着 玩家 必须 能 够 
通过 交换 两 个 小 块 ， 完 成 一 次 匹配 。 














(4) 玩家 选择 两 个 小 块 

小 块 必须 在 水 平 或 者 垂直 方向 上 相连 ， 而 且 交 换 后 必须 有 一 次 匹配 。 
(3) 交换 小 块 

通常 使 用 动画 来 展示 两 个 小 块 移动 到 对 方 的 位 置 。 

(6) 判断 匹配 


如 果 进 行 了 一 次 交换 ， 游 戏 必 须 搜索 行 或 列 上 3 个 以 上 元 素 的 匹配 。 如 果 找 不 到 匹配 ， 交 换 
就 会 被 取消 ， 回 退 到 交换 前 的 状态 。 





(7) 奖励 分 数 

如 果 完 成 了 一 次 匹配 ， 需 要 奖励 相应 的 分 数 。 
(8) 移 除 匹 配 的 元 素 

匹配 涉及 的 小 块 会 被 移 除 。 

(9) 掉 落 


如 果 小 块 被 移 除 ， 它 上 方 的 小 块 就 会 掉 落 下来， 填补 空 缺 。 

(10) 添加 新 的 小 块 

新 的 小 块 会 从 板 上 方 掉 落 下 来 ， 填 补 空缺 。 

(11) 再 次 判断 匹配 

当 原 有 的 和 新 加 的 小 块 都 掉 落 到 了 空 锯 上 时 , 需要 进行 新 一 轮 的 匹配 搜索 工作 。 重复 第 6 步 。 
(12) 判断 是 否 没有 新 的 移动 

当 把 游戏 控制 权 交 给 玩家 之 前 ， 需 要 判断 是 否 存在 有 效 的 移动 。 如 果 没 有 ， 游 戏 就 结束 了 。 





8.2.3 影片 和 Match Three 类 


MatchThree.fla 影片 比较 简单 。 影 片 中 除了 库 中 的 Arial 字体 ， 只 有 代表 游戏 中 小 块 的 一 个 影 
片 剪 辑 ， 以 及 一 个 充当 选择 指示 器 的 剪辑 。 

图 8-6 展示 了 Peice 影片 剪辑 。 它 一 共有 7 帧 ， 每 一 帧 有 不 同 的 小 块 。 在 最 上 面 的 图 层 中 ， 
还 有 一 个 代表 选中 的 影片 剪辑 ， 它 存在 于 每 一 帧 中 。 这 个 选择 指示 器 可 以 通过 visible 属性 打 
开 和 关闭 。 








8.2 同色 消除 243 











TIMELINE 






































习 已 习 | 在 瑟 重 忆 1 fps ws 加 » 
四 MatchThree.fla* 


名 鲁 scenel 加 Piece 

















[三 ] 





图 8-6 Peice 影片 剪 辑 共有 7 种 不 同 的 形态 以 及 一 个 选中 


让 我 们 首先 来 看 一 下 类 的 定义 ,接着 再 看 其 中 的 逻辑 。 令 人 惊讶 的 是 ， 其 实 没 有 太 多 需要 定 8 
义 的 东西 。 只 需要 最 基本 的 import 语句 : 


package { 
import flash.display.*; 
import flash.events.*; 
import flash.text.*; 
import flash.utils.Timer; 


对 于 常量 ， 只 需 用 一 个 常量 来 表示 小 块 的 数量 ， 以 及 用 3 个 常量 来 表示 屏幕 的 显示 位 置 。 


public class MatchThree extends MovieClip { 
/ /常量 





[HI 





static const numPieces:uint 
static const spacing:Number 
static const offsetX:Number 
static const offsetyY:Number 


[| 
ODU-. 
〇 


游戏 的 状态 会 存储 在 5 个 不 同 的 变量 中 。 第 一 个 是 grid， 它 包含 Ce 它 
其 实 是 一 个 数组 的 数组 。 所 以 ，gria 的 每 一 个 元 素 都 是 一 个 数组 ， 包含 了 8 个 Peice 影片 剪辑 的 
引用 。 因此 ，grig 是 一 个 8x8 的 看 套数 组 。 然 后 ,我 们 就 可 以 简单 地 使 用 grid[x] [y] 语 法 来 











访问 所 有 的 小 块 。 
gameSprite 包含 了 所 有 我 们 创建 的 Sprite 和 影片 剪辑 。 这 让 它 与 舞台 上 现存 的 图 形 元 素 区 
分 开 来 了 。 


firstpPiece 变量 保存 了 对 我 们 第 一 次 单 击 的 小 块 的 引用 ,类似 于 第 3 章 中 匹配 游戏 的 做 法 。 
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两 个 布尔 变量 isDropping 和 isSwappig 跟踪 此 刻 是 否 有 小 块 需要 移动 。gameScore 变 
量 存储 着 玩家 的 得 分 : 
/ /游戏 的 网 格 和 模式 


private var grid:Array; 

private Var gameSprite:Sprite; 

private Var firstPiece:Piece; 

private var isDropping,isSwapping:Boolean; 
private Var gameScore:int; 


8.2.4 设置 游戏 网 格 


游戏 的 第 一 个 函数 会 设置 游戏 的 变量 ， 包 括 设置 游戏 的 网 格 。 

1. 设置 游戏 变量 

要 开始 游戏 , 我 们 需要 设置 所 有 的 游戏 状态 变量 。 我 们 首先 创建 grid 这 个 数组 的 数组 。 然 
后 ， 我 们 调用 setUpGrid 来 填充 它 。 


说 明 


没有 必要 将 Grid 的 内 部 数组 设置 为 空 元 素 。 只 要 在 数组 中 设 定好 位 置 ， 然 后 创建 一 个 
元 素 ， 那 么 之 前 未 设置 的 元 素 都 会 被 填充 为 undefined (未 定义 ) 。 比 如 ,创建 了 一 
个 新 的 数组 ， 然 后 它 的 第 3 个 元 素 被 设置 为 "My String"， 那 么 该 数组 的 长 度 变 为 3， 
第 0 和 第 1 个 元 素 的 值 变 为 undefinede 
















































































接着 ， 我 们 设置 isDropping、isSwapping 和 gameScore 变量 。 同 时 ， 我 们 设置 一 个 
ENTER_FRAME 侦 听 器 来 控制 游戏 中 的 所 有 运动 。 

// 设 置 网 格 并 开始 游戏 

public function startMatchThree() { 


/ /创建 griqd 数组 
grid = new Array(); 











for(var gridrows:int=0;gridrows<8;gridrows++) { 
grid.push (new Array ()); 
} 


setUpGrid(); 
isDropping = false; 
isSwapping = false; 


gameScore = 0; 
addEventListener (Event .ENTER_FRAME,movePieces); 
} 


2. 设置 游戏 网 格 

为 了 设置 网 格 ， 我 们 使 用 while (true) 语 句 开始 一 个 无 限 循环 。 然 后 ， 在 里 面 创建 网 格 中 
的 条 目 。 我 们 首先 尝试 着 建立 一 个 有 效 的 游戏 板 。 

创建 一 个 新 的 gameSprite， 用 来 包含 游戏 中 的 小 块 。 然 后 ， 通 过 adqPiece 国 数 创建 64 
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个 随机 的 小 块 。 我 们 接 下 来 再 看 函数 ， 不 过 现在 你 应 该 知道 这 个 函数 不 仅 将 小 块 添 加 gria 数组 
中 ， 还 加 到 了 gamesprite 上 面 : 
public function SetUPGrid() { 
/ /循环 到 网 格 创建 完成 为 止 
while (true) { 
/ /创建 Sprite 
gameSprite = new Sprite(); 


// 添 加 64 个 随机 的 小 块 
for (Var col:int=0;col<8;col++) { 
for (Var row:int=0;row<8;row++) { 
addPiece (col,row); 
} 
} 
接 下 来 ,我 们 通过 检查 两 点 来 判断 ,创建 的 网 格 是 否 满足 开始 游戏 的 要 求 。 lookForMatches 
国 数 会 返回 查找 到 的 匹配 ， 返 回 的 类 型 是 数组 。 我 们 将 在 本 章 后 面 看 到 如 何 进行 判断 。 在 这 里 ， 
我 们 先 返 回 0， 表 示 屏 幕 中 没有 匹配 出 现 。 一 条 continue 命令 将 while 循环 跳 过 ， 重 新 开始 
创建 一 个 新 的 网 格 。 
接 下 来 ， 我 们 调用 lookForPossibles 函数 ， 它 会 检查 是 否 存 在 满足 条 件 的 一 次 移动 。 如 
果 它 返回 false， 那 这 个 起 始点 就 不 满足 要 求 ， 因 为 游戏 这 时 候 就 已 经 结束 了 。 
如 果 上 面 两 个 条 件 都 不 存在 ， 那 么 break 命令 就 允许 程序 跳出 while 循环 。 然 后 ， 我 们 将 
gameSprite 添加 到 舞台 : 
// 如 果 有 匹配 出 现 ， 继 续 尝 试 


if (lookForMatches().length != 0) continue; 


/ /如果 没 有 允许 的 移动 了 ， 继 续 尝试 


if (lookForPossibles() == false) continue; 
// 没 有 匹配 ， 但 是 目前 的 状态 允许 继续 玩 下 去 


break; 


上 


// 添 加 Sprite 
addChild(gameSprite); 
} 


3. 添加 游戏 小 块 
addPiece 国 数 在 行列 中 的 位 置 上 创建 一 个 随机 的 小 块 。 它 创建 了 影片 剪辑 并 设置 它 的 位 置 : 


/ /创建 一 个 随机 小 块 ， 添加 到 Sprite 和 网 格 

public function addPiece(col,row:int):Piece { 
Var newPiece:Piece = new Piece(); 
newPiece.x = col*spacing+offsetx; 
newPiece.y = row*spacing+offsety; 


每 个 小 块 需要 跟踪 自己 在 游戏 板 上 的 位 置 。 动 态 属 性 col 和 row 将 为 这 个 目的 而 设置 。 同 
时 ，type 属性 包含 了 小 块 类 型 的 编号 ， 同 时 也 对 应 了 小 块 影片 剪辑 显示 的 帧 ; 
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newPiece.col (els: 

newPiece.row row; 

newPiece.type = Math.ceil (Math.random()*7); 
newPiece.gotoAndStop (newPiece.type); 


在 Piece 影片 剪辑 中 的 select 影片 ， 是 当 玩 家 选中 小 块 时 显示 的 轮廓 。 我 们 在 开始 时 将 其 设 
为 不 可 见 。 然 后 ， 将 小 块 添加 到 gameSprite。 
为 了 将 小 块 放 入 griq 数组 ， 我 们 使 用 了 两 个 方 括 号 来 指明 嵌 套 数组 的 位 置 : grid [col] 
[row] = newPiece,。 
每 个 小 块 都 有 自己 的 单 击 事件 侦 昕 器 。 然 后， 返回 对 小 块 的 引用 。 我 们 不 在 之 前 的 setUp- 
Grid 函数 中 进行 侦 昕 ， 而 是 在 之 后 创建 新 的 小 块 替换 匹配 的 小 块 时 ， 才 进行 侦 听 : 
newPiece.select .visible = false; 
gameSprite.addChild (newPiece); 
grid[col] [row] = newPiece; 


newPiece.addEventListener (MouseEvent .CLICK,clickPiece); 
return newPiece; 











—_- 


图 8-7 展示 了 一 个 完全 随机 的 有 效 网 格 。 


BO MatchThree.swf 

















图 8-7 ”从 几乎 无 限 大 的 数字 中 选 出 一 个 来 产生 游戏 网 格 


8.2.5 ”玩家 交互 





当 玩 家 单 击 了 一 个 小 块 , 发 生 的 情况 取决 于 这 是 他 单 击 的 第 一 个 还 是 第 二 个 小 块 。 如 果 是 第 
一 个 小 块 ， 那 么 该 小 块 被 选中 ， 没 有 其 他 事情 发 生 。 
如 果 玩 家 单 击 相同 的 小 块 两 次 ， 该 小 块 被 取消 选中 ， 玩 家 回 到 之 前 的 状态 : 


// 玩 家 单 击 一 个 小 块 
public function clickPiece(event:MouseEvent) { 
Var piece:Piece = Piece(event.currentTarget); 
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// 第 一 次 单 击 

if (firstPiece == null) { 
piece.select.visible = true; 
firstPiece = piece; 


// 再 次 单 击 第 一 个 小 块 

} else if (firstPiece == piece) { 
piece.select.visible = false; 
firstPiece = null; 


如 果 玩 家 单 击 了 第 二 个 小 块 ， 我 们 要 判断 是 否 能 进行 交换 。 首先 ， 我 们 关闭 第 一 个 小 块 选 
中 后 的 高 亮 。 
第 一 个 判断 是 两 个 小 块 是 否 在 同一 行 上 ， 而 且 是 否 相 邻 。 当 然 ， 小 块 也 可 以 在 同一 列 上 相 邻 。 
如 果 满 足 这 个 情况 ， 就 调用 makeSwap 函数 。 该 函数 会 判断 这 次 交换 是 否 是 允许 的 ， 也 就 是 说 
是 否 会 产生 一 次 匹配 。 不 管 交 换 人 允许 与 否 ，firstPiece 变量 都 被 设 为 空 , 准备 玩家 的 下 一 次 选择 。 
男 一 方面 , 如果 玩家 单 击 的 第 二 个 小 块 离 第 一 个 很 远 ,那么 可 以 假定 玩家 想 放 弃 第 一 次 选择 ， 
开始 第 二 次 选择 : 


// 单 击 第 二 个 小 块 
} else { 
firstPiece.select.visible = false; 





// 同 一 行 ， 相 邻 列 

if ((firstPiece.row == piece.row) && (Math.abs (firstPiece.col-piece.col) 8 
== 1)) { 
makeSwap (firstPiece,piece); 
firstPiece = null; 


// 同 一 列 ， 相 邻 行 

} else if ((firstPiece.col == piece.col) && (Math.abs (firstPiece.row-piece.row) 
== 1)) { 
makeSwap (firstPiece,piece); 
firstPiece = null; 





/ /错误 的 移动 ， 重 置 第 一 个 小 块 

} else { 
firstPiece = piece; 
firstPiece.select.visible = true; 





} 


makeSwap 函数 交换 两 个 小 块 ， 然 后 查看 是 否 存在 匹配 。 如 果 没 有 匹配 ， 它 将 小 块 回 退 到 初 
始 状 态 。 如 果 存 在 匹配 ，isswapping 变量 被 设 为 true， 开 始 播放 动画 : 
/7 开始 交换 两 个 小 块 的 动画 
public function makeSwap (piecel,piece2:Piece) { 
swapPieces (piecel,piece2); 


// 查 看 交换 是 否 成 功 
if (lookForMatches().length == 0) { 
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swapPieces (piecel,piece2); 
} else { 

isSwapping = true; 
} 


为 了 实际 的 完成 交换 ,我们 需要 将 第 一 个 小 块 的 位 置 存储 到 临时 变量 中 。 然 后 ,我 们 将 第 一 
个 小 块 的 位 置 设置 为 第 二 个 小 块 的 初始 位 置 。 图 8-8 为 交换 步骤 图 。 























| EEC 及 

Piece 1 Piece 2 临时 存储 

vy | 

Piece 1 Piece 2 临时 存储 
YY | 

Piece 1 Piece 2 临时 存储 
































图 8-8 在 交换 两 个 值 的 过 程 中 ， 需 要 创建 一 个 临时 变量 来 保存 其 中 一 个 值 


当 小 块 的 位 置 交 换 后 ， 网 格 需要 更 新 。 因 为 这 时 每 个 小 块 都 有 了 正确 的 行 和 列 的 值 ， 我 们 只 
需要 将 小 块 放 在 网 格 中 正确 的 位 置 : 


/ /交换 两 个 小 块 
public function swapPieces (piecel,piece2:Piece) { 
// 交 换行 和 列 的 值 
var tempCol:uint = piecel.col; 
Var tempRow:uint = piecel .row; 
piecel.col piece2.col; 
piecel .row piece2 .row; 





piece2.col tempCol; 

piece2 .row tempRow; 

/ /交换 网 格 位 置 

gridl[piecel.coll] [piecel.row] = piecel; 
gridl[piece2.coll] [piece2.row] = piece2; 


} 

交换 是 完全 可 以 进行 反 向 操作 的 ， 这 一 点 很 重要 ， 因 为 经 常 需要 进行 反 向 操作 。 事 实 上 , 一 
直到 交换 完成 ,我 们 都 不 知道 这 次 交换 能 否 完成 一 次 匹配 。 所 以 ,我们 经 常 需要 交换 小 块 ， 查看 
匹配 ， 如 果 没 有 匹配 就 交换 回 原先 的 状态 。 


8.2.6 制作 小 块 的 移动 动画 


我 们 将 要 使 用 一 个 有 趣 的 , 但 是 不 那么 直观 的 方法 来 制作 小 块 的 移动 动画 。 每 个 小 块 都 知道 
它 所 在 的 行列 位 置 ， 因 为 它 有 row 和 col 动态 属性 。 它 还 知道 自身 在 屏幕 上 的 位 置 ， 因 为 它 有 
x 和 y 属性 。 
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上 面 两 者 应 该 是 匹配 的 ， 当 然 要 先 经 过 spacing、offsetX 和 offsety 这 些 变量 的 换算 。 
所 以 ， 在 第 3 列 的 小 块 的 x 值 ， 就 应 该 是 3 x spacing+offsetX。 

但 是 ， 当 小 块 被 移 到 新 的 列 时 的 位 置 呢 ? 假设 我 们 将 小 块 的 列 属性 col 设 为 4， 那 么 新 的 x 
坐标 值 就 会 是 4 x spacing+offsetX， 将 会 右 移 45 (spacing 的 值 ) 像素 。 如 果 那 样 的 话 ， 我 
们 可 以 让 小 块 朝 着 右边 一 点 点 移动 ， 慢 慢 接近 新 的 位 置 。 如 果 我 们 每 一 帧 都 移动 一 小 步 ， 小 块 最 
终 会 到 达 目 的 地 ， 然 后 停止 移动 (因为 它 会 有 一 个 新 的 列 值 和 相 匹 配 的 x 坐标 值 )。 

可 以 将 这 个 方法 用 在 所 有 需要 移动 的 小 块 上 。 甚 至 不 需要 预先 设置 小 块 的 动画 。 我 们 需要 做 
的 就 是 改变 小 块 的 行 或 列 的 属性 ， 其 余 的 交 给 下 面 这 个 函数 。 

movePieces 在 每 次 ENTER_FRAME 事件 时 都 会 调用 , 这 一 点 在 类 的 开头 就 设置 好 了 。 它 

遍历 所 有 的 小 块 ， 检 查 它 们 的 行 和 列 的 值 ， 决 定 是 否 需要 改变 x 和 y 的 坐标 值 。 























说 明 


我 们 在 movePieces 中 每 帧 都 移动 5 像素 。 为 了 让 x 和 y 的 值 与 行列 相对 应 ， 我 们 要 
让 间隔 保持 在 5 的 倍数 。 2 片 中 ， 间 隔 设 为 了 45， 满 足 了 要 求 。 假 如 你 将 间隔 
变 为 48， 就 需要 选择 一 个 新 的 ， 能 够 将 48 整除 的 移动 像素 值 ， 比 如 4、6 或 8。 





























public function movePieces(event:Event) { 
Var madeMove:Boolean = false; 
for (Var row:int=0;row<8;row++) { 
for (Var col:int=0;col<8;col++) { 
LE (OLEoL] IEow] Ta WalLL}y 并 





// 需 要 向 下 移动 
站 (OFLAQLEoL] [ESGW] sy < 
grid[coll] [row] .row*spacing+offsetY) { 
grid[lcol] [row].y += 5; 
madeMove = true; 





// 需 要 向 上 移动 

} else if (gridl[lcoll] [row].y > 
grid[coll] [row] .row*spacing+offsetY) { 
grid[col] [row].y -= 5; 

madeMove = true; 





/ /需要 向 右 移 
} else if (grid[lcol] [row] .x < 
grid[coll] [row] .col*spacing+offsetXx) { 
grid[Leol] [EOw] ;XX += .57 
madeMove = true; 


/ /需要 向 左 移 
} else if (grid[col] [row] .x > 
grid[coll] [row] .col*spacing+offsetXx) { 
grid[leol] [ewl] s¥ == 5; 
madeMove = true; 
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} 


} 
} 


在 movePieces 的 开头 ， 我 们 将 madeMove 这 个 布尔 变量 设 为 false。 然 后 ， 假 如 需要 任 
何 动画 ， 我 们 再 将 其 设 为 true。 换 句 话说， 如果 movePieces 什么 都 不 做 ， 那 madeMove 就 是 
false。 

然后 ,这 个 值 会 和 类 属性 isDropping 和 isswapping 进行 比较 。 如 果 isDropping 是 true， 
而 madeMove 是 false， 那 就 意味 着 所 有 小 块 的 下 落 动作 都 完成 ， 是 时 候 寻找 更 多 的 匹配 了 。 

同样 ， 如 果 isswapping 是 true, 而 madeMove 是 false， 那 就 意味 着 两 个 小 块 刚 刚 完成 
交换 。 如 果 这 样 的 话 ， 也 需要 寻找 匹配 。 


// 如 果 所 有 的 下 落 完成 

if (isDropping && !madeMove) { 
isDropping = false; 
findAndRemoveMatches () ; 


























// 如 果 所 有 的 交换 完成 了 

} else if (isSwapping && !madeMove) { 
isSwapping = false; 
findAndRemoveMatches () ; 


} 


8.2.7 ”寻找 匹配 


在 同色 消除 游戏 中 ， 有 两 个 比较 困难 的 部 分 。 第 一 个 是 在 游戏 板 上 找到 所 有 的 匹配 。 在 第 1 
章 中 ， 我 讲 了 一 个 将 大 问题 分 解 成 小 问题 的 编程 技巧 ， 而 这 就 是 一 个 极 好 的 例子 。 

在 游戏 网 格 中 找到 由 3 个 或 者 更 多 的 连续 小 块 组 成 的 匹配 ， 这 个 问题 也 不 容易 。 不 能 通过 一 
个 简单 的 步 又 解决 。 所 以 ， 你 不 能 把 它 当 成 一 个 简单 的 问题 来 求解 。 

1. 将 任务 分 解 成 小 步骤 

你 应 该 将 它 分 解 为 更 小 的 问题 ， 不 停 地 分 解 ， 一 直到 问题 简单 到 能 够 很 容易 解决 为 止 。 

所 以 , findAandRemoveMatches 国 数 首先 将 任务 分 解 为 两 块 : 寻找 匹配 和 删除 匹配 的 小 块 。 
删除 小 块 是 一 个 很 简单 的 任务 。 它 只 需要 从 gameSprite 中 删除 小 块 对 象 ， 再 将 网 格 上 的 位 置 
清空 ， 然 后 给 玩家 增加 一 些 分 数 。 





说 明 


奖励 玩家 的 分 数 取 决 于 匹配 中 小 块 的 数量 。 如 果 一 次 有 3 个 小 块 匹 配 ， 那 就 表示 总 共有 
300 分 ， 每 一 个 小 块 计 (3-1) x 50 即 100 分 。4 个 小 块 就 会 是 600 分 每 一 个 小 块 计 (4-1) x 
50 即 150 分 。 
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但 是 ， 有 一 些小 块 的 消失 就 意味 着 它 上 面 的 小 块 其 浮 在 空中 ， 需 要 下 落 。 这 也 不 容易 处 理 。 

所 以 ,我们 有 两 个 极 具 挑战 的 任务 : 寻找 匹配 ， 告诉 那些 位 于 删除 小 块 上 面 的 小 块 ， 它 们 需 
要 下 落 。 我 们 将 把 这 两 个 任务 放 在 不 同 的 国 数 中 : lookForMatches 和 affectAbove。 其 余 的 
简单 任务 我 们 就 都 放 在 findAndRemoveMatches 国 数 中 。 

2. findAndRemoveMatches 函数 

我 们 遍历 所 有 发 现 的 匹配 ， 将 它们 放 在 matches 数组 中 。 然 后 ， 针 对 每 个 匹配 ， 给 玩家 奖 
励 分 数 。 接 下 来 ， 人 遍历 所 有 需要 移 除 的 小 块 并 移 除 它们 。 








提示 





















































在 处 理 困 难 的 问题 时 ， 将 问题 放 在 新 的 邹 数 中 ， 而 这 些 子 数 你 还 没有 创建 一 一 这 种 编程 
方法 称 为 自 顶 向 下 编程 。 不 去 担心 如 何 寻找 匹配 ， 我 们 简单 地 设想 一 个 
lookForMatches 台数 来 完成 这 个 任务 。 我 们 会 自 顶 向 下 来 完成 这 个 程序 ， 首 先 关 ; 
整体 ， 然 后 来 关心 那些 实现 细节 相关 的 遂 数 。 













































































// 得 到 匹配 ， 然 后 删除 它们 并 增加 相应 分 数 

public function findAndRemoveMatches() { 
/ /获得 匹配 列表 
var matches:Array = lookForMatches () ; 
for(var i:int=0;i<matches.length;i++) { 





Var numPoints:Number = (matches[i].length-1)*50; 
for(var j:int=0;j<matches[i].length;j++) { 
if (gameSprite.contains (matches[i][j])) { 


Var pb=new 

PointBurst (this,numPoints,matches[i] [j] .x,matches[i][j].y); 
addScore (numPoints); 
gameSprite.removeChild(matches[i][j]); 
grid[matches[i][j].col] [matches[i][j].row] = null; 
affectAbove (matches[i][j]); 


} 
findAndRemoveMatches 水 数 还 有 两 个 任务 需要 完成 。 首 先 ， 它 调 用 addNewPieces 来 殖 
换 列 中 消失 的 小 块 。 然 后 ， 它 调用 lookForPossibles， 确 保 还 留 有 移动 。 只 有 在 没有 匹配 发 
现时 ， 才 需要 这 么 做 。 只 有 在 新 的 小 块 完成 下 落 ， 而且 当前 没有 发 现 匹 配 时 ， 调用 


findAndRemoveMatches 才 会 发 生 。 





/ /添加 新 的 小 块 到 游戏 板 顶 部 


addNewPieces () ; 


// 没 有 发 现 匹配 ， 可 能 游戏 结束 了 ? 
if (matches.length == 0) { 
if (!lookForPossibles()) { 
endGame () ; 


上 
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3. lookForMatches 函数 


lookForMatches 国 数 还 需要 完成 一 个 相当 艰巨 的 任务 。 它 必须 创建 一 个 数组 , 保存 所 有 发 
现 的 匹配 。 需 要 在 水 平和 垂直 方向 上 寻找 两 个 以 上 的 小 块 构成 的 匹配 。 为 了 搜索 匹配 ， 国 数 需要 
首先 遍历 所 有 的 行 ， 然 后 是 列 。 只 需要 检查 前 面 6 行 和 6 列 ， 因 为 如 果 从 第 7 格 开始 ， 只 有 两 格 
长 度 ， 不 可 能 产生 匹配 。 

getMatchHoriz 和 getMatchVert 函数 会 完成 委派 的 任务 , 判断 网 格 中 匹配 的 长 度 。 比 如 
说 ， 点 (3,6) 上 面 的 小 块 是 类 型 4 的 ， 点 (4,6) 的 类 型 也 是 4， 但 是 点 (5,6) 的 类 型 是 1， 那 么 调用 
getMatchHoriz(3,6) 会 返回 2， 因 为 点 (3,6) 后 面 有 两 个 小 块 的 类 型 是 匹配 的 。 

如 果 发 现 了 一 个 串 ， 我 们 希望 能 将 循环 推进 几 个 步骤 。 所 以 ， 如 果 有 一 个 匹配 是 4 个 小 块 连 
接 而 成 的 ， 比 如 是 2,1D)、(2.2)、(2.3)、(2,4)， 那 么 ， 只 需要 判断 (2,1) 并 得 到 结果 4， 就 可 以 略 过 
后 面 3 个 小 块 ， 直 接 从 (2,5) 开 始 。 

每 当 getMatchHoriz 或 getMatchvVert 发 现 匹配 ， 它 们 都 会 返回 一 个 ， 包 含 了 匹配 中 每 
个 小 块 的 数组 。 接 下 来 , 这 些 数组 就 被 添加 到 了 lookForMatches 中 的 matches 数组 中 , 这 个 
数组 会 在 调用 lookForMatches 时 返回 : 


/ /返回 发 现 的 所 有 匹配 的 数组 
public function lookForMatches():Array { 











Var matchList:Array = new Array(); 


/ /搜索 水 平方 向 的 匹配 
for (var row:int=0;row<8;row++) { 
for(var col:int=0;col<6;col++) { 
Var match:Array = getMatchHoriz (col,row); 
if (match.length > 2) { 
matchList.push(match); 
col += match.length-1; 


} 


/ /搜索 垂直 方向 的 匹配 
for(col=0;col<8;Ccol++) { 
for (row=0;row<6;row++) { 
match = getMatchVert (col,row); 
if (match.length > 2) { 
matchList.push(match); 
row += match.length-1; 


} 
} 


return matchList; 
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4. getMatchHoriz 和 getMatchVert 函数 


getMatchHoriz 函数 现在 有 个 特定 的 运行 步骤 。 传 入 一 个 行 和 一 个 列 ， 它 会 


判断 下 一 个 小 


是 否 与 当前 小 块 类 型 匹配 。 如 果 匹 配 , 就 添加 到 一 个 数组 中 。 它 会 不 停 地 在 水 平方 向 进行 判断 ， 
直到 发 现 不 匹配 的 小 块 。 这 时 ， 它 就 返回 得 到 的 数组 。 如 果 当 前 小 块 与 下 一 个 小 块 就 不 匹配 ， 这 
个 数组 就 只 有 一 个 元 素 ， 也 就 是 当前 小 块 。 如 果 它 们 匹配 ， 而 再 下 一 个 小 块 也 与 它们 类 型 相同 ， 





那么 这 个 数组 就 会 包含 3 个 小 块 : 
// 从 当前 点 开始 寻找 水 平方 向 的 匹配 


public function getMatchHoriz(col,row) :Array { 
Var match:Array = new Array (grid[coll] [row]); 
for(var i:int=1;col+i<8;i++) { 


if (grid[col] [row] .type == grid[col+i] [row] .type) { 
match.push (grid[col+i] [row]); 
} else { 


return match; 
} 
} 
return match; 


上 


getMatchvVert 国 数 几乎 与 getMatchHoriz 国 数 相同 ， 只 是 它 治 着 列 进行 匹配 搜索 ; 


// 从 当前 点 开始 寻找 垂直 方向 的 匹配 

public function getMatchVert (col,row) :Array { 
Var match:Array = new Array (grid[coll] [row]); 
for(var i:int=1;rowt+ti<8;i++) { 


if (grid[col] [row] .type == grid[col] [row+i] .type) { 
match.push (grid[coll] [row+i]); 
} else { 


return match; 
} 
} 
return match; 


上 


5. affectAbove 函数 


我 们 接着 来 完成 findAndRemoveMatches 需要 的 所 有 函数 ,下 一 个 是 affectAbove 国 数 。 


我 们 传 入 一 个 小 块 ， 然 后 希望 它 能 够 通知 所 有 上 方 的 小 块 向 下 移动 。 在 效果 上 ， 
块 说 :“ 我 现在 要 走 了 ， 兄 弟 们 快 下 来 填补 我 留 下 的 空缺 。 





这 等 于 是 一 个 小 


国 数 中 ， 通 过 一 个 循环 来 查看 当前 小 块 正 上 方 的 小 块 。 所 以 ， 如 果 当 前 小 块 是 (5,6)， 它 会 分 
别 查 看 (5,5)、(5,4)、(5,3)、(5,2)、(5,1)、(5,0)。 这 些小 块 的 列 会 增加 1。 同 时 ， 这 些小 块 也 会 告 


诉 网 格 ， 现 在 它们 在 一 个 新 的 位 置 上 。 


还 记得 movePieces 国 数 吗 ? 通过 它 我 们 不 需要 担心 小 块 移动 到 新 位 置 的 动画 ， 我 们 只 需 


要 改变 行 和 列 的 值 ， 它 会 搞定 一 切 的 。 
/ /通知 正 上 方 的 小 块 向 下 移动 


public function affectAbove(piece:Piece) { 
for(var row:int=piece.row-l1;row>=0;row--) { 
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if (grid[piece.col] [row] != null) { 


[ ][ 
gridl[piece.col] [row] .row++; 
gridl[piece.col] [row+1] = grid[lpiece.col] [row]; 
gridl[piece.col] [row] = null; 


" 
} 


6. addNewPieces 函数 

我 们 要 构建 的 下 一 个 函数 是 aaaNewPieces。 它 会 查看 每 一 列 ， 然 后 查看 列 中 的 每 个 位 置 ， 
找到 被 设 为 null 的 点 。 在 每 个 设 为 null 的 点 上 ， 都 会 有 一 个 新 的 小 块 被 添加 。 虽 然 新 添加 小 
块 的 行 和 列 的 值 设 为 了 它 的 最 终 位 置 , 但 它 的 y 值 还 是 设 在 了 列 的 顶端 , 所 以 会 表现 为 从 顶部 掉 
落 。 同 时 ，isDropping 布尔 值 会 设 为 true， 表 示 需 要 产生 动画 : 

// 如 果 有 遗漏 的 小 块 ， 添 加 上 ， 然 后 让 它 下 落 


public function addNewPieces() { 
for (var col:int=0;col<8;col++) { 
Var missingPieces:int = 0; 
for(var row:int=7;row>=0;row--) { 
Tf (qrid [esll leew sa Halli). 1 


Var newPiece:Piece = addPiece(col,row); 
newPiece.y = offsetY-spacing-spacing*missingPieces+t+; 
isDropping = true; 


} 


8.2.8 寻找 可 能 的 移动 


寻找 可 能 的 移动 的 技巧 和 寻找 匹配 一 样 , 不 过 比 寻找 匹配 要 容易 一 些 。 寻 找 可 能 的 移动 不 是 
直接 搜索 已 经 连 成 3 连 的 匹配 ， 而 是 寻找 在 进行 交换 后 能 连 成 3 连 的 匹配 。 

简单 点 说 就 是 搜索 整个 游戏 板 ， 尝 试 每 一 种 交换 : (0,0) 和 (1,0)， 然 后 是 (1,0) 和 (2,0)， 直 到 结 
束 。 在 每 次 交换 后 ， 使 用 前 面 的 方法 来 检查 是 否 存在 匹配 。 一 旦 在 交换 后 找到 了 有 效 的 匹配 ， 就 
停止 寻找 ， 返 回 true。 

这 种 蛮 力 方法 能 够 完成 工作 ， 不 过 会 相当 慢 ,， 特别 是 在 一 些 较 老 的 电脑 上 。 还 有 一 种 更 好 的 
方法 。 

如 果 你 思考 一 下 在 什么 情况 下 能 完成 一 次 匹配 , 肯定 能 想到 有 一 些 固定 的 模式 。 典 型 的 情况 
是 这 样 ， 你 有 两 个 相同 类 型 的 小 块 在 相 邻 的 位 置 上 。 在 第 三 个 位 置 上 是 一 个 不 一 样 类 型 的 小 块 ， 
但 是 可 以 通过 交换 , 在 其 余 三 个 方向 上 换 来 一 个 与 前 两 个 小 块 同 类 型 的 小 块 , 从 而 构成 一 个 匹配 。 
或 者 , 也 可 能 有 两 个 同类 型 小 块 相互 间隔 ,然后 一 次 交换 就 将 一 个 与 它们 同类 型 的 小 块 换 到 它们 
中 间 的 位 置 ， 构 成 一 次 匹配 。 
图 8-9 展示 了 这 两 种 模式 ， 还 进一步 划分 成 了 6 种 可 能 的 情况 。 水 平方 向 上 ,缺失 的 小 块 能 
够 从 左边 或 者 右边 填 和 信 ， 而 在 垂直 方向 上 ， 能 够 从 上 方 或 者 下 方 填 入 。 
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小 块 。 带 有 X 的 圆圈 表示 为 了 完成 匹配 ， 
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图 8-9 实心 的 圆圈 代表 了 不 动 的 小 块 。 空 心 的 圆圈 代表 了 必须 被 换 入 ， 以 完成 











可 能 的 换 入 位 置 


匹配 的 





由 于 只 需要 考虑 儿 种 可 能 的 模式 ,我们 可 以 写 一 个 函数 来 帮 我 们 判定 是 否 有 可 能 的 匹配 模 
式 。 使 用 自 顶 向 下 的 编程 ， 我 们 首先 写 lookForPossibles 函数 ， 之 后 再 考虑 如 何 实 现 模 式 匹 


配 的 函数 。 





因此 , 让 我 们 先 来 看 一 下 图 8-9 中 的 第 一 个 模式 。 我 们 先 得 到 了 构成 匹配 的 前 两 个 点 的 位 置 ， 
还 有 了 3 个 可 能 构成 匹配 的 位 置 ， 只 要 它们 中 有 一 个 的 类 型 与 之 前 两 个 点 的 类 型 相同 ， 就 能 够 完 
成 一 次 匹配 ， 得 到 需要 的 结果 。 将 左边 的 实心 圆圈 的 位 置 记 为 (0,0)， 那 么 与 之 相 邻 的 (1,0) 位 置 上 


的 小 








肯定 满足 要 求 。 然 后 ， 来 考虑 3 个 可 能 的 匹配 位 置 (-1,-1)，(-2,0)，(-1,1)， 只 要 有 


个 位 


置 上 的 小 块 满足 要 求 ， 就 能 完成 匹配 。 同 样 的 ， 匹 配 也 能 发 生 在 初始 匹配 对 的 右边 。 右 边 的 位 置 
为 2, -1)，(2.1)，(3,0)。 

因此 ， 判 定 工作 从 一 个 起 始 小 块 开 始 。 然 后 ， 它 的 四 周 必 须 有 一 个 小 块 与 初始 小 块 匹配 。 然 
成 匹配 的 位 置 。 图 


后 ， 考 虑 其 余 6 个 可 








Eb 


上 EE 





8-10 对 此 进行 了 展示 。 





图 8-10 (1,0) 需 要 与 (0,0) 相 匹配 。6 个 带 有 X 标 记 的 位 置 中 ， 至 少 有 一 个 要 与 (0,0) 匹 配 
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这 个 寻找 可 能 的 匹配 的 函数 ,需要 传 入 两 个 数组 ,第 一 个 表示 已 经 匹配 的 位 置 , 第 二 个 表示 
至 少 有 一 个 位 置 需要 匹配 。 看 起 来 应 该 像 这 样 ; 

matchpattern(col, row, {[1,0]], {{-2,0],[-1,-1],[-1,1],[2,-1],[2,1],[3,0]]) 

我 们 还 需要 类 似 的 函数 ， 来 应 对 图 8-9 中 的 水 平方 向 上 中 间 空 缺 的 情况 。 然 后 ， 同 样 考虑 垂 
直方 向 上 的 模式 。l1ookForPossibles 国 数 会 搜索 所 有 的 情况 ， 遍 历 网 格 中 的 所 有 位 置 : 


/ /查看 游戏 板 上 是 否 有 可 能 的 匹配 
public function lookForPossibles() { 
for (var col:int=0;col<8;col++) { 
for(var row:int=0;row<8;row++) { 








/71 水 平方 向 上 ，2+1 模式 
if (matchPattern(col, row, 
[LLOQ [LL=250) [=1r=1]s [=1Lls [2 -1 L271 L301)) { 
return truss 





上 


// 水 平方 向 上 ， 中 间 空 缺 
if (matehnpatterm(eol, row, [LL2,0]]; Ll1l=1]y[l1.1]])) 1 
return true; 


} 


// 重 直方 向 上 ，2+1 模式 
if (matchPattern(col, row, 
[OL LLOss2) sl=le=l]zlls=L]r [t=L2]y [ll] al03]])) 去 
return true; 


} 


// 重 直方 向上， 中 间 空 缺 
if (matchpattern(col; row, [[0,2]],; [[=1,1];[1;1]])) 攻 
return true; 


} 
} 


// 没 有 发 现 可 能 的 移动 
return false; 


} 
matchPattern 国 数 虽然 需要 完成 很 多 任务 ， 但 是 函数 本 身 并 不 大 。 它 需要 得 到 指定 位 置 上 小 
块 的 类 型 。 然 后 ， 它 会 遍历 mustHave 列表 ,判断 相应 位 置 的 小 块 。 如 果 没 有 匹配 ， 那 么 函数 就 
返回 false。 
如 果 发 生 了 匹配 ， 就 需要 判断 needone 列表 中 的 每 一 个 小 块 。 如 果 其 中 有 匹配 ， 函 数 返 回 
true; 如 果 没 有 ， 函 数 返回 false: 


public function matchPattern(col,row:uint, mustHave, needOne:Array) { 
Var thisType:int = grid[coll] [row] .type; 


/ /确保 有 所 有 的 mustHave 
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for(var i:int=0;i<mustHave.length;i++) { 
if (!matchType(col+mustHave[i]l[0]， 
row+mustHave[i][1], thisType)) { 
return false; 


} 


/ /确保 至 少 有 一 个 匹配 
for(i=0;i<needOne.length;i++) { 
if (matchType (col+needone[i][0], 
row+needone[i][1], thisType)) { 
return true; 
} 
} 


return false; 


} 

matchPattern 函数 中 的 所 有 比较 都 是 通过 调用 matchType 函数 实现 的 。 这 么 做 的 原因 是 
我 们 经 常会 尝试 比较 不 在 网 格 中 的 小 块 。 比 如 ， 如 果 传 入 matchPattern 函数 的 位 置 是 (5,0)， 
那么 偏 移 (-1,-1) 得 到 的 (4,-1) 位 置 是 未 定义 的 ， 因 为 数组 中 不 存在 -1 的 条 目 。 

matchType 国 数 会 检查 网 格 位 置 的 值 ， 如 果 位 置 在 网 格 之 外 ， 就 会 返回 false。 否 则 ,会 
检查 网 格 的 值 ， 如 果 类 型 匹配 就 返回 true: 


public function matchType(col,row,type:int) { 
/ /确保 列 和 行 的 值 在 有 效 范围 内 
if ((col < 0) || (col > 7) || (row < 0) || (row > 7)) return false; 
return (grid[col] [row] .type == type); 























8.2.9 ”分 数 记录 和 游戏 结束 


回 到 findAndRemoveMatches 函数 ， 我 们 调用 addScore 来 给 玩家 奖励 分 数 。 这 个 简单 
的 函数 会 给 玩家 增加 分 数 ， 然 后 改变 屏幕 上 的 文本 字段 显示 : 
public function addScore(numPoints:int) { 


gameScore += numPoints; 
MovieClip (root) .scoreDisplay.text = String(gameScore) : 





} 
如 果 没 有 可 能 的 匹配 存在 ，endGame 函数 就 会 将 主 时 间 轴 带 入 游戏 结束 画面 。 它 还 用 
swapChildIndex 将 gameSprite 移 到 最 后 面 ， 这 样 在 gameover 帧 中 的 Sprite 就 会 在 游戏 网 格 








的 前 面 。 
我 们 这 么 做 是 因为 在 游戏 的 最 后 我 们 并 不 删除 游戏 网 格 。 相反 ， 我 们 会 将 它 留 在 那儿 给 玩 
家 研究 : 
public function endGame() { 
// 移 到 后 面 


setChildIndex(gameSprite, 0); 
/ /结束 游戏 


258 第 8 章 休闲 游戏 : 同色 消除 和 消除 方块 





gotoAndSstop ("gameover"); 


} 
当 玩 家 准备 继续 的 时 候 ， 我 们 才 将 网 格 和 gameSprite 移 除 。 通 过 调用 cleanUp 函数 来 完 
成 它 : 


public function cleanUp() { 
yeLid .=. Hull 
removeChild(gameSprite); 
gameSprite = null; 
removeEventListener (Event .ENTER_ FRAME,movePieces); 


站 
在 主 时 间 轴 上 , 与 Play Again 按钮 绑 定 在 一 起 的 国 数 会 在 玩家 跳 回 前 一 帧 、 开始 新 游戏 之 前 ， 
调用 Clean UP 国 数 。 


8.2.10 ”修改 游戏 


你 需要 作出 的 一 个 重要 决定 是 ， 游 戏 中 小 块 的 种 类 是 6 还 是 7。 大 多 数 游 戏 中 使 用 的 是 6。 
过 去 我 用 过 7 个 ， 那 也 不 错 。 使 用 7 个 会 让 游戏 完成 得 更 快 一 些 。 

额外 奖励 是 游戏 能 作 的 另 一 个 改进 。 一 个 额外 的 图 形 层 被 加 到 了 小 块 上 ， 类 似 于 选择 边框 。 
它 能 随机 地 出 现在 小 块 上 ,指示 有 额外 的 奖励 。 奖 励 的 属性 也 可 以 添加 到 小 块 上 ， 当 小 块 被 移 除 
时 ， 会 再 次 触发 aadqascore 函数 ， 增 加 额外 的 分 数 。 

增加 提示 能 让 游戏 变 得 更 吸引 人 。 当 lookForPossibles 被 调用 时 ， 它 会 多 次 调用 
matchType。 当 在 matchType 中 发 现 一 个 可 能 的 匹配 时 ， 会 返回 true。matchType 中 检测 
到 的 位 置 , 就 是 能 够 通过 一 次 交换 得 到 一 个 匹配 的 位 置 。 可 以 将 这 个 位 置 放 入 类 似 于 hintLo- 
cation 这 样 的 新 变量 中 ， 然 后 当 玩 家 单 击 一 个 提示 按钮 时 ， 这 个 位 置 上 的 小 块 就 可 以 被 高 亮 


显示 。 


8.3 消除 方块 


源 文 件 
http://flashgameu.com 


A3GPU208_CollapsingBlocks.zip 

















消除 方块 (Collapsing Blocks) 是 另 一 个 流行 的 休闲 游戏 。 与 同色 消除 一 样 ， 游 戏 会 展现 一 
个 游戏 小 块 的 网 格 ， 而 且 ， 你 选择 小 块 的 目的 也 是 希望 将 小 块 从 网 格 中 消除 。 

两 者 最 大 的 不 同 是 与 小 块 的 交互 。 在 消除 方块 游戏 中 ， 你 寻找 小 块 的 集合 。 组 成 集合 的 小 
块 ， 必 须 是 相同 颜色 的 ， 而 且 互相 之 间 是 连接 的 。 
图 8-11 展示 了 游戏 开始 时 的 场景 ， 有 4 种 不 同类 型 的 小 块 。 











8.3 消除 方块 259 





CollapsingBlocks.swf 





8-11 游戏 使 用 了 16 x 10 的 网 格 来 放置 4 种 颜色 的 小 块 


图 8-12 展示 了 一 组 被 灰色 小 块 包围 的 9 个 白色 小 块 组 成 的 集合 。 集 合 中 每 个 小 块 彼此 之 间 
都 是 相连 的 。 右 边 另 一 个 集合 中 只 有 两 个 白色 小 块 。 这 两 个 集合 彼此 独立 ， 不 相连 接 。 
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图 8-12 ”两 个 独立 的 白色 小 块 集合 


在 消除 方块 游戏 中 ， 小 块 本 身 是 不 能 被 替换 的 。 当 你 选择 了 一 组 3 个 小 块 的 集合 时 ， 就 会 
在 网 格 中 留 下 3 个 空格 。 类 似 于 同色 消除 ， 上 面 的 小 块 会 落下 来 填充 空格 ,不 过 不 会 有 新 的 小 块 
从 上 方 填充 进来 。 

因此 ， 有 可 能 将 一 列 中 所 有 的 小 块 都 消除 掉 。 这 时 候 ， 就 需要 将 小 块 从 右 向 左 移动 ,不 在 列 
与 列 之 间 留 下 空 险 。 当 玩家 选择 一 个 小 块 集合 时 ， 整 个 集合 就 自 顶 部 向 下 ， 自 右 向 左 消除 。 大 多 
数 情 况 下 游戏 都 会 在 左下 角 剩 下 几 个 小 块 时 结束 。 

游戏 看 上 去 不 太 费 脑 ， 不 过 对 于 玩家 来 说 有 两 种 策略 。 第 一 种 选择 小 块 集合 的 策略 是 ， 在 游 
戏 结束 时 ， 使 剩 下 的 小 块 最 少 。 如 果 玩 家 的 选择 明 吞 的话， 往往 存在 将 小 块 消除 干净 的 办 法 。 

更 重要 的 是 ， 有 一 个 得 分 策略 。 得 分 取决 于 集合 中 小 块 的 数量 。 按 照 指 数 方法 计 分 。 两 个 小 
块 的 集合 的 得 分 是 2 的 平方 ， 等 于 4。 而 3 个 小 块 的 集合 的 得 分 是 3 的 平方 ， 等 于 9。4 个 小 块 的 
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集合 的 得 分 是 4 的 平方 , 等 于 16。 所 以 , 一 次 移 除 4 个 小 块 的 集合 好 于 两 次 移 除 2 个 小 块 的 集合 。 
如 果 玩 家 的 选择 明智 的 话 ， 就 可 以 通过 单 击 大 型 的 集合 ， 来 获得 更 多 的 分 数 。20 个 小 块 的 集合 得 
分 为 400。 如 果 玩 家 能 再 加 9 个 小 块 进来 ， 那 么 消除 这 个 29 个 小 块 的 集合 就 可 以 得 到 841 分 。 


8.3.1 设置 图 形 


游戏 中 唯一 的 图 形 元 素 是 小 块 。 我 们 将 用 类 似 于 同色 消除 游戏 中 的 方法 来 设置 它 。 小 块 一 共 
有 4 帧 ， 每 一 帧 对 应 一 种 颜色 。 不 需要 加 选择 边框 ， 因 为 单 击 小 块 后 就 会 立刻 消除 集合 。 
游戏 的 其 余部 分 和 同色 消除 类 似 ， 有 一 个 开始 帧 ， 一 个 结束 帧 ， 右 上 角 有 一 个 计 分 器 。 


8.3.2 ”设置 类 


导入 类 以 后 , 我们 先 设置 一 些 常 量 。 其 中 一 个 用 于 表示 小 块 之 间 的 距离 。 在 这 个 例子 中 ,小 
块 之 间 间 隔 32 像素 。 小 块 本 身 大 小 是 30 x 30， 之 间 会 留 一 些 空间 。 

我 们 还 用 常量 定义 了 小 块 在 左边 和 顶部 的 偏 移 量 。 网 格 中 行 和 列 的 数量 也 用 常量 定义 了 。 这 
样 ， 你 就 可 以 通过 这 些 数值 来 调整 网 格 的 尺寸 及 其 在 屏幕 中 的 位 置 。 

最 后 一 个 常量 是 moveStep， 表 示 了 每 一 帧 小 块 掉 落 的 像素 值 。 我 们 有 针对 性 地 将 这 个 数值 
设 为 能 被 间隔 常量 spacing 整除 ， 这 样 就 可 以 将 小 块 整齐 地 移入 下 一 个 位 置 : 

package { 

import flash.display.*;} 


import flash.events.*; 
import flash.text.*; 


























public class CollapsingBlocks extends MovieClip { 


/ /常量 

static const spacing:Number = 32; 
static const offsetX:Number = 34; 
static const offsetY:Number = 60; 
static const numCols:int = 16; 
static const numRows:int = 10; 


static const moveStep:int = 4; 
游戏 中 只 有 4 个 变量 。 这 样 一 来 ,我 们 就 不 需要 追踪 太 多 的 变量 。 我 们 需要 和 同色 消除 游戏 
中 的 gria 一 样 的 变量 ,但 是 在 这 里 ， 我 们 称 之 为 blocks。 它 还 是 一 个 包含 了 所 有 游戏 小 块 的 
二 维 数组 。 
blocks 当然 需要 出 现在 屏幕 上 ， 但 是 我 们 将 它 放 在 gameSprite 这 个 Sprite 中 。 接 着 ,我 
们 使 用 gameSscore 来 追踪 得 分 情况 。 最 后 ， 我 们 定义 了 一 个 布尔 变量 checkcolumns。 后 面 你 
会 知道 如 何 使 用 它 。 


// 游 戏 网 格 和 模式 

private var blocks:Array; // 小 块 的 网 格 
private var gameSprite:Sprite; 
private var gameScore:int; 

private var checkColumns:Boolean; 
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8.3.3 ”开始 游戏 


在 游戏 中 设置 网 格 和 小 块 与 同色 消除 游戏 中 很 相似 。 只 是 在 这 里 , 我 们 不 需要 判断 游戏 在 开 
始 时 是 不 是 处 在 合理 的 情况 下 。 任 何 将 4 个 不 同 颜色 的 小 块 随机 安排 的 办 法 ， 都 能 产生 一 个 有 效 
的 能 移动 的 网 格 ， 只 要 网 格 大 于 或 等 于 3x3。 

我 们 首先 用 空 的 列 来 设置 小 块 数组 , 然后 遍历 每 一 列 , 并 调用 adadqBlock 函数 来 向 每 一 列 中 
的 每 一 行 增加 小 块 , 这 个 函数 负责 将 小 块 添 加 到 gamesprite 中 ,在 这 里 ,我 们 只 需要 创建 game- 
sprite 并 把 它 添加 到 舞台 上 : 


public function startCollapsingBlocks() { 








/ /创建 小 块 数组 

blocks = new Array (); 

for(var cols:int=0;cols<numCols;cols++) { 
blocks.push (new Array()); 

} 


/ /创建 gameSprite 并 将 小 块 添加 到 gameSprite 和 数组 中 
gameSprite = new Sprite(); 
for(var col:int=0;col<numCols;col++) { 
for(var row:int=0;row<numRows;row++) { 
addBlock (col,row); 
} 
} 
addChild(gameSprite); 


一 开始 checkcolumns 的 值 为 false， 得 分 设 为 0。 和 同色 消除 游戏 一 样 ， 我 们 需要 一 个 
侦 昕 器 来 让 小 块 掉 入 空格 中 。 所 以 ， 我 们 在 这 里 添加 了 侦 听 器 : 


// 设 置 初始 值 
checkColumns = false; 
gameScore = 0; 








// 开 始 侦 听 事件 
addEventListener (Event .ENTER_FRAME,moveBlocks); 


1’ 

aqqBlock 函数 会 从 库 中 创建 一 个 新 的 小 块 ， 然 后 设置 3 个 动态 属性 : col、row 和 type。 
前 面 两 个 用 来 跟踪 小 块 自身 的 位 置 。 最 后 一 个 代表 小 块 的 颜色 。 在 之 后 的 游戏 代码 中 ， 会 手动 
将 type 属性 与 颜色 对 应 起 来 : 


public function addBlock(col,row:int) { 





/ /创建 对 象 ， 设置 位 置 和 类 型 

Var newBlock:Block = new Block(); 
newBlock.col = col; 

newBlock.row = row; 

newBlock.type = Math.ceil (Math.random()*4); 


小 块 在 屏幕 上 的 位 置 是 col 和 row 的 值 乘 以 间隔 常量 spacing。 另 外 ， 偏 移 量 用 来 将 整个 
网 格 在 屏幕 中 居中 放置 。 然 后 ， 我 们 跳 转 到 匹配 小 块 类 型 那 一 帧 。 还 需要 将 小 块 添加 到 
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gameSprite 中 : 
/ /在 屏幕 中 的 位 置 
newBlock.x = col*spacing+offsetXx; 
newBlock.y = row*spacing+offsetyYy; 
newBlock.gotoAndStop (newBlock.type); 
gameSprite.addChild (newBlock); 


下 面 将 小 块 添加 到 blocks 数组 中 ， 按 照 列 和 行 的 位 置 放置 : 
// 添 加 到 数组 中 


blocks[col] [row] = newBlock; 
每 个 小 块 都 需要 添加 鼠标 侦 听 器 ， 用 来 回应 单 击 事件 : 


// 设 置 鼠 标 侦 听 器 
newBlock.addEventListener (MouseEvent .CLICK,clickBlock); 


} 


8.3.4 ”递归 

如 果 你 看 过 代码 , 会 注意 到 这 个 游戏 的 代码 没有 同色 消除 游戏 的 多 。 正 因为 如 此 ,你 可 能 会 
觉得 这 个 游戏 编写 起 来 更 加 简单 。 

这 里 代码 少 的 原因 是 我 们 使 用 了 递归 (recursion) 的 编程 技术 。 这 个 技术 不 需要 使 用 很 多 的 


常会 觉得 它 很 难 。 


代码 ， 但 是 它 需 要 对 编程 有 更 深 的 理解 。 许 多 非 专 业 的 程序 员 经 常会 觉得 





说 明 
递归 在 整个 计算 机 科学 中 有 许多 的 用 途 。 两 个 最 常用 的 地 方 是 排序 函数 和 搜索 算法 。 另 
一 个 是 游戏 中 的 路 径 寻 找 ， 你 可 以 告诉 你 的 游戏 小 块 到 达 某 个 位 置 ， 然 后 它 经 过 充满 降 
碍 的 路 径 ， 到 这 目的 地 。 
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递归 国 数 就 是 一 个 调用 自身 的 国 数 。 为 什么 要 这 么 做 呢 ? 因为 消除 方块 游戏 是 简单 递归 的 一 
个 好 例子 。 让 我 们 通过 一 个 例子 来 学 习 一 下 。 在 图 8-13 中 ， 每 一 个 小 块 都 是 玩家 单 击 消除 的 集 


合 的 一 部 分 。 





























8-13 ”玩家 单 击 了 小 块 M， 整 个 集合 中 的 白色 小 块 都 会 被 移 除 


到 
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玩家 单 击 M，M 是 集合 中 第 一 个 被 移 除 的 小 块 ， 但 是 我 们 如 何 寻 找 集合 中 的 其 他 小 块 呢 ， 
而 且 要 在 不 包含 灰色 小 块 的 情况 下 ? 

一 开始 的 几 步 是 很 简单 的 。 函 数 会 从 上 下 左右 四 个 方向 进行 查看 。 任何 与 第 一 个 小 块 颜色 相 
同 的 小 块 都 会 被 添加 到 集合 中 。L、N 和 R 被 添加 进来 了 ,但 是 如 何 继续 找到 小 块 T 呢 ? 

这 里 是 代码 的 另 一 种 工作 方式 。 国 数 判断 一 个 小 块 是 否 与 指定 颜色 匹配 。 如 果 匹 配 ， 那 么 就 
继续 。 如 果 没 有 ， 就 返回 Sorry, no matches here (对 不 起 ， 这 里 没有 匹配 ) 。 

如 果 继 续 了 ， 就 会 开局 一 个 列表 。 先 将 自己 添加 到 列表 中 。 然 后 ， 要 求 它 的 4 个 邻居 也 做 同 
样 的 事 。 

所 以 ， 国 数 第 一 次 调用 ， 会 将 小 块 M 和 颜色 作为 参数 传 入 。 函 数 指出 M 是 白色 的 ， 然 后 开 
局 一 个 列表 ， 将 M 加 在 列表 中 。 

然后 ， 它 会 判断 相 邻 的 4 个 邻居 小 块 是 否 也 是 白色 的 ， 如 果 是 ， 就 会 返回 一 个 列表 ， 记 录 了 
所 有 相连 的 白色 小 块 。 

国 数 看 上 去 是 这 样 运行 的 。 
口 开启 一 个 白色 小 块 的 空 列表 。 
口 询问 我 是 不 是 白色 小 块 ? 如 果 是 的 ， 加 入 列表 中 。 如 果 不 是 ， 就 返回 一 个 空 的 列表 。 
口 因为 我 是 一 个 白色 小 块 ， 我 就 会 问 我 四 周 的 4 个 小 块 是 否 是 白色 的 ， 如 此 往复 。 将 这 些 
列表 添加 到 初始 列表 中 。 
口 返回 白色 小 块 的 列表 。 
在 这 个 例子 中 ， 函 数 第 一 次 调用 传 信 了 M。 我 们 称 这 个 函数 为 kestBlock。 国 数 有 一 个 白 
色 小 块 的 空 列表 ， 因 为 M 本 身 是 白色 的 ， 所 以 将 自身 加 入 到 列表 中 ， 然 后 继续 执行 。 

函数 接着 调用 testBlock， 传 和 人 H 为 目标 小 块 。H 不 是 白色 的 ， 所 以 返回 一 个 空 列表 。 初 
始 函 数 将 这 个 空 列表 添加 到 初始 列表 中 ， 这 个 列表 还 是 只 有 M 一 个 元 素 。 

然后 ， 它 传 入 小 块 L 调 用 testBlock。 这 一 次 ， 国 数 返 回 一 个 包含 工 的 列表 。 然 后 传人 G、 
K 和 QQ 来 调用 testBlock, 得 到 对 应 的 列表 。 因 为 没有 一 个 是 白色 的 , 所 以 testBlock 返回 空 
列表 。 

同样 的 结果 也 发 生 在 R 身 上 。 函 数 只 返回 了 R， 然后 用 Q、W 和 S 调 用 testBlock 返回 空 

















列表 。 
当初 始 函数 传 入 N 来 调用 testBlock 时 ， 不 一 样 的 事情 发 生 了 。N 被 添加 到 列表 中 ， 然 后 
testBlock 使 用 了 1、O 和 $ 作为 参数 。 这 一 次 , 第 一 个 调用 返回 了 列表 ,包含 有 I。I 被 添加 到 
了 NN 的 列表 中 ， 初 始 函 数 就 得 到 了 包含 有 N 和 I 的 列表 。 

初始 函数 从 M 开始 ,没有 从 上 方 添加 新 的 小 块 ,L 来 自 左边 ,R 来 自 下 方 ,N 和 I 来 自 右边 。 列 
表 最 终 包含 了 TM、L、R、N 和 I。 
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说 明 


这 个 万 法 最 终 不 就 是 一 遍 遍 不 停 地 判断 小 块 吗 ? 当 M 判断 完了 ， 就 判断 瑟 、 志 、R 和 N。 
然后 当 判 断 完工 后 ， 又 开始 判断 G、K、Q 和 M。M 又 被 判断 到 了 ! 这 会 导致 一 个 无 限 
的 循环 ， M 和 工会 被 永远 地 判断 下 去 。 所 以 , 我 们 需要 将 M 标记 为 已 经 加 入 到 列表 中 了 。 
只 需要 将 type 设 为 0。 然 后 ， 我 们 就 让 列表 忽略 所 以 type 为 0 的 添加 请 求 。 这 就 可 
以 防止 无 限 循环 了 。 












































































































































弄 糊 涂 了 ? 对 于 很 多 人 来 说 , 递归 都 是 一 个 困难 的 概念 。 也 许 当 你 看 了 游戏 代码 ,然后 实践 
一 下 , 才 会 理解 。 或者, 你 可 以 认为 testBlock 函数 首先 关注 一 个 小 块 , 然后 检查 所 有 的 邻居 ， 
直到 找到 相连 的 集合 中 所 有 的 小 块 为 止 。 


8.3.5 ”使 用 递归 移 除 小 块 


小 块 移 除 代码 的 第 一 部 分 就 是 处 理 鼠标 单 击 小 块 的 函数 。 这 很 简单 。 它 会 对 单 击 的 小 块 调用 
fingdAndRemoveMatches 畏 数 ， 然 后 将 得 到 的 分 数 保存 。 这 个 bointsScored 数值 只 是 用 来 判断 
否 发 生 了 消除 ， 然 后 需要 显示 多 少 分 数 。 实 际 的 计 分 在 fijndAndRemoveMatches 国 数 中 完成 : 


public function clickBlock(event:MouseEvent) { 
Var block:Block = Block(event.currentTarget); 
var pointsScored:int = findAndRemoveMatches (block); 


if (pointsScored > 0) { 
Var pb = new PointBurst (this,pointsScored,mousexXx,mouseY); 
} 
} 


findAndRemoveMatches 函数 几乎 完成 了 所 有 移 除 集合 的 工作 , 除了 判断 哪些 小 块 需要 移 除 。 
findAndRemoveMatches 函数 首先 得 到 被 单 击 的 小 块 的 颜色 或 者 类 型 。 然 后 ， 它 会 调用 神 
奇 的 testBlock 函数 ， 这 我 们 在 后 面 会 看 到 。 从 那里 能 得 到 集合 中 所 有 小 块 的 列表 。 


public function findAndRemoveMatches (block:Block):int { 





// 得 到 小 块 类 型 
Var type:int = block.type; 


/ /递归 搜索 所 有 匹配 的 小 块 
var matchList:Array = testBlock(block.col, block.row, type); 


我 们 只 移 除 集 合 。 对 于 单独 的 小 块 ， 我们 不 做 任何 事情 。 如 果 集 合 中 有 多 于 两 个 小 块 ， 我们 
就 将 集合 从 gameSprite 中 删除 ， 然 后 调用 af fectAbove， 它 会 通知 上 方 的 小 块 掉 落 ， 就 和 同 
色 消 除 中 一 样 : 


// 查 看 是 否 匹 配 
if (matchList.length > 1) { 





// 移 除 它们 ， 然 后 让 它们 上 方 的 小 块 掉 落 
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for(var i=0;i<matchList.length;i++) { 
gameSprite.removeChild(matchList[i]); 
affectAbove(matchList[i]); 

} 


接 下 来 ， 函 数 会 设置 checkcolumns 布尔 标记 。 这 个 标记 会 在 代码 中 提醒 我 们 检查 ， 当 所 
有 的 小 块 都 掉 落 下 来 后 ， 是 否 有 空 列 存在 : 
// 当 所 有 的 小 块 掉 落 后 ， 是 否 有 空 列 
checkColumns = true; 
下 面 就 是 增加 分 数 ， 然 后 函数 完成 ， 返 回 得 分 : 


/ /根据 小 块 数量 计算 得 分 ， 然 后 返回 得 分 

Var pointsScored:int = matchList.length * matchList.length; 
addScore (pointsScored); 

return pointsScored; 


如 果 集 合 中 没有 足够 的 小 块 会 发 生 什 么 情况 ?首先 要 做 的 是 将 被 单 击 小 块 的 type 属性 设 为 
它 的 初始 值 。 
然后 ， 在 函数 的 结尾 ， 会 返回 0， 因 为 没有 得 分 : 


} else { 
// 没 有 足够 的 匹配 ， 所 以 重新 存 为 初始 的 小 块 类 型 
block.type = type; 





} 


// 没 有 得 分 
return 0; 


} 

这 就 是 这 个 完整 的 递归 函数 了 。 注 意 到 它 有 多 短小 : 实际 代码 只 有 10 行 。 递 归 函 数 ， 通 常 
完成 艰巨 的 任务 ， 但 只 需要 很 少 的 代码 。 

testBlock 国 数 首 先 接受 列 、 行 和 块 的 类 型 作为 参数 。 然 后 建立 一 个 空 数 组 。 它 调用 
getBlockType 畏 数 ， 判 断 类 型 是 否 为 0， 这 意味 着 小 块 或 者 已 经 被 添加 到 了 集合 列表 中 ， 或 者 

经 被 移 除 了 ， 或 者 由 于 参数 指示 的 位 置 不 合理 而 不 存在 。 

接着 ， 它 会 判断 类 型 的 颜色 是 否 与 我 们 寻找 的 相 匹 配 。 如 果 匹 配 ， 就 添加 到 列表 中 ， 然 后 
递归 地 调用 它 四 个 方向 上 的 小 块 : 


public function testBlock(col,row,type) { 




















// 从 空 数组 开始 
Var testList:Array = new Array(); 


/ /小 块 存在 吗 ， 还 是 小 块 已 经 被 搜索 到 了 ? 
if (getBlockType(col,row) == 0) return testList; 


/ /小 块 的 类 型 正确 吗 ? 
if (blocks[col] [row] .type == type) { 


// 将 小 块 添加 到 列表 ， 将 类 型 设 为 0 
testList.push(blocks[col] [row]); 
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blocks[col] [row] .type = 0; 
// 从 该 小 块 四 周 进行 测试 
testList = testList.concat (testBlock(col+l1, row, type)); 
testList = testList.concat (testBlock(col-1, row, type)); 
testList = testList.concat (testBlock(col, row+l, type)); 
testList = testList.concat (testBlock(col, row-1, type)); 
} 
// 返 回 结果 
return testList; 
} 
在 递归 函数 的 结尾 ， 需 要 返回 一 个 找到 的 匹配 小 块 的 数组 。 
说 明 
你 可 能 会 注意 到 小 块 经 常会 被 搜索 到 一 次 以 上 。 比 如 在 图 8-13 中 , 小 块 Q 会 在 工 的 下 方 
被 查看 到 ， 然 后 又 在 R 的 左边 被 查看 。 在 这 个 游戏 中 ， 这 个 重复 的 过 程 不 会 影响 游戏 的 
速度 。 在 更 复杂 的 递归 搜索 可 能 需要 将 每 个 添加 到 集合 中 的 条 目标 记 为 已 查看 。 然 
ja 你 就 可 以 避免 查看 两 次 了 。 
接着 ， 还 有 一 个 递归 国 数 。 简 单 的 用 列 、 行 和 类 型 ， 返 回 与 初始 小 块 匹 配 而 且 相 邻 的 所 有 小 
块 的 列表 。 
最 后 是 一 个 松散 的 getBlockType 函数 。 这 里 的 做 法 是 ， 如 果 小 块 不 存在 ， 或 者 位 置 超出 
了 网 格 的 边缘 ， 就 返回 0。 否 则 ， 返 回 实际 类 型 的 值 : 
public function getBlockType(col,row) { 
/ /首先 判断 位 置 是 否 在 网 格 中 
if ((eol < 0) || (eol >= numCols))y return O03 
if ((row < 0) || (row >= numRows)) return 0; 
/ /小 块 是 否 存 在 ? 
if (blocks [col] [row] == null) return 0; 
// 小 块 存在 ， 所 以 返回 类 型 
return blocks [col] [row] .type; 
} 
8.3.6 掉 落 的 小 块 
AU 样 。 不 过 ,稍微 简化 的 是 小 块 只 能 向 下 和 向 右 移 


动 。 此 外 ， 我 们 使 用 常 


public function moveBlocks (event :Event) 


Var madeMove:Boolean 





量 moveStep 来 优化 这 些 函 数 ， 而 不 是 使 用 硬 编码 的 值 : 


{ 


false; 
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for(var row:int=0;row<numRows;row++) { 
for (Var col:int=0;col<numCols;col++) { 
if (blocks[col] [row] != null) { 
// 需 要 向 下 移动 
if (blocks [col] [row].y < 
blocks [col] [row] .row*spacing+offsetY) { 
blocks [col] [row].y += moveStep; 
madeMove = true; 


/ /需要 向 左 移 
} else if (blocks[col] [row] .x > 
blocks [col] [row] .col*spacing+offsetXx) { 
blocks [col] [row] .x -= moveStep; 
madeMove = true; 


} 
这 里 的 一 个 不 同 是 ， 当 所 有 的 移动 都 停止 时 ， 我 们 需要 判断 是 否 存 在 空 列 : 


/ /移动 者 完成 了 ， 是 时 候 来 判断 空 列 了 

if ((!madeMove) && (checkColumns)) { 
checkColumns = false; 
checkForEmptyColumns ( ) ; 


} 


affectAbove 阔 数 会 让 小 块 运动 ， 通 过 查看 一 个 新 移 除 小 块 的 上 方 小 块 ， 设 置 它们 掉 落 到 


网 格 中 的 下 一 个 位 置 : 


/ /通知 这 个 小 块 上 方 所 有 的 小 块 掉 落 
public function affectAbove(block:Block) { 


// 移 除 这 个 小 块 
blocks[block,col] [block,.row] = null; 


/ /检查 上 方 的 小 块 ， 将 它们 移 下 来 


for (Var row:int=block.row-l1;row>=0;row--) { 
if (blocks[block.col][row] != null) { 
blocks[block.col] [row] .row+t+; 
blocks[block.col] [row+1] = blocks [block.col] [row]; 
blocsks lbloak coll [row] = null; 


8.3.7 ”检查 空 列 
下 面 就 是 当 小 块 停止 运动 后 ， 查 看 所 有 的 列 的 函数 。 


这 是 一 个 相当 复杂 的 过 程 。 它 从 左边 开始 ， 查 看 每 一 列 。 如 果 发 现 底部 的 小 块 已 经 消失 了 ， 
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就 将 标记 foundEmpty 设 为 true。 
从 那里 开始 ， 不 再 寻找 更 多 的 空 列 ， 而 是 简单 地 将 所 有 剩余 的 列 向 左 移动 ; 


public function checkForEmptyColumns() { 


/ /假设 没有 发 现 列 
Var foundEmpty:Boolean = false; 
Var blocksToMove:int = 0; 


// 人 遍历 每 一 列 ， 从 左 到 右 
for (var col:int=0;col<numCols;col++) { 


// 如 果 还 没有 发 现 空 列 
if (!foundEmpty) { 


// 查 看 底部 小 块 是 否 消 失 了 
if (blocks[col] [numRows-1] == null) { 


// 这 一 列 是 空 的 | 
foundEmpty = true; 


// 记 住 要 再 次 判断 空 列 
checkColumns = true; 


} 


// 之 前 已 经 发 现 空 列 ， 所 以 必须 向 左 移动 
} else { 


/ /遍历 所 有 小 块 ， 将 它们 向 左 移动 
for(var row:int=0;row<numRows;row++) { 
if (blocks[cecoll[row] T= null)y 并 


blocks[lcol] [reow] .col--:} 
blocks[col-1] [row] = blocks[col] [row]; 
blookslcocol] [Few] = mvlls 
blocksToMovet+; 


} 
在 国 数 的 最 后 ， 我 们 知道 是 否 还 有 列 需 要 移动 。 如 果 没 有 了 ， 那 么 这 就 是 判断 游戏 是 否 结 
束 的 好 地 方 ; 
/ /不 要 移动 任何 小 块 ， 判 断 游戏 是 否 结束 


if (blocksToMove == 0) { 
checkColumns = false; 
checkForGameOver () ; 


} 
将 小 块 移动 到 左边 是 通过 moveBlocks 函数 完成 的 ， 它 在 每 一 帧 都 被 调用 。 这 个 函数 并 不 
关心 小 块 是 下 落 还 是 左 移 ， 而 是 将 两 者 都 做 了 。 
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8.3.8 游戏 结 


在 拼图 游戏 中 我 最 喜欢 的 一 个 编程 任务 就 是 写 判断 游戏 是 否 结束 的 国 数 。 而 在 消除 方块 的 例 
子 中 ， 你 的 第 一 直觉 会 想 去 测试 每 个 小 块 ， 判 断 是 否 会 有 集合 存在 一 这 当然 可 以 完成 任务 。 





然而 ， 这 个 例子 中 ， 存 在 着 更 加 有 技巧 ， 也 更 有 效 的 方法 来 完成 它 。 


我 们 可 以 简单 地 遍历 所 有 列 和 行 ,检查 每 个 出 现 的 小 块 。 如 果 它 与 右边 或 者 下 方 的 小 块 匹配 ， 
就 表示 网 格 中 存在 着 至 少 有 两 个 小 块 的 集合 。 因 此 ， 游 戏 还 存在 着 有 效 的 移动 。 





如 果 设 有 发 现 匹 配 ， 游 戏 就 结束 了 : 
public function checkForGameOver() { 
// 人 遍历 所 有 的 小 块 


for (Var col=0;col<numCols;col++) { 
for (Var row=0;row<numRows;row++) { 


// 如 果 小 块 与 右边 
// 或 者 下 面 的 小 块 匹配 ， 那 就 存在 可 能 的 移动 
Var block:int = getBlockType (col,row); 


if (blogk ==s 0) Sontinue; 
if (block == getBlockType (col+1,row)) return; 
if (block == getBlockType(col,row+1)) return; 


} 


// 没 有 发 现 可 能 的 移动 ， 游 戏 必须 结束 
endGame ( ) ; 


} 


当 游 戏 结束 时 ， 和 同色 消除 游戏 一 样 ， 我 们 将 samesprite 放 在 后 面 ， 然 后 跳 到 另 一 帧 : 


public function endGame() { 
// 移 到 后 面 
setChildIndex(gameSprite,0); 
/ /结束 游戏 


gotoAndStop ("gameover");} 
} 


当 玩 家 想 重新 开始 游戏 的 时 候 ， 还 有 一 个 cleanUp 函数 清除 所 有 的 游戏 元 素 : 


public function cleanUp() { 
blocks = null; 
removeChild(gameSprite); 
gameSprite = null; 
removeEventListener (Event .ENTER_ FRAME,moveBlocks); 
scoreDisplay.text = "0"; 


} 
就 要 完成 了 ， 下 面 是 addScore 函数 : 


public function addScore(numPoints:int) { 
gameScore += numPoints; 
scoreDisplay.text = String(gameScore); 
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8.3.9 修改 游戏 


和 大 多 数 拼图 游戏 一 样 ， 消 除 方块 可 以 应 用 于 其 他 主题 。 可 以 用 任何 图 标 来 替换 4 种 小 块 类 
型 。 还 可 以 增加 背景 图 片 来 加 强 主题 。 在 这 个 游戏 的 一 个 版 本 中 ， 我 将 小 块 变 成 了 购物 车 ， 让 
主题 变 成 了 超市 的 收银 台 。 

还 可 以 增加 奖励 机 制 。 一 个 简单 的 奖励 方式 是 将 一 些小 块 标记 为 有 加 倍 的 分 数 。 或 者 ， 也 可 
以 创造 一 个 终极 的 奖励 ， 如 果 玩 家 最 终 将 所 有 的 小 块 都 消除 了 ， 就 可 以 得 到 额外 的 分 数 。 

还 可 以 方便 地 改变 网 格 中 小 块 的 数量 ， 其 至 可 以 用 5 种 小 块 类 型 ， 这 可 以 让 游戏 变 得 更 难 。 
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文字 游戏 : Hangman 和 单词 搜索 


本 章 内 容 


口 字符 串 和 文本 字段 
口 Hangman 
口 单词 搜索 








从 20 世纪 中 叶 开 始 , 使 用 字母 和 单词 制作 的 游戏 就 一 直 很 流行 ， 比如 桌 游 中 的 Scrabble ( 拼 
字 ) 游戏 ， 纸 面 游戏 中 的 字谜 和 单词 搜索 游戏 。 

这 些 游戏 在 计算 机 和 基于 网 页 的 环境 中 也 工作 得 很 好 。 本 章 我 们 将 会 看 到 两 个 传统 的 游 
戏 : Hangman 和 单词 搜索 。 不 过 首先 ， 我 们 需要 深入 研究 一 下 ActionScript 处 理 字符 串 和 文本 
字段 的 方法 。 


9.1 字符 串 和 文本 字段 


源 文件 
http://flashgameu.com 


A3GPU209_TextExamples.zip 





开始 制作 文字 游戏 之 前 , 有 必要 先 好 好 研究 一 下 ActionScript3.0 是 如 何 处 理 字符 串 和 文本 字 
段 的 。 毕 竟 ， 我 们 在 游戏 中 会 经 常用 到 它们 。 
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9.1.1 ActionScript 3.0 字符 串 处 理 


在 ActionScript 中 ，String 变量 是 一 串 字 符 的 集合 。 到 目前 为 止 ， 我 们 已 经 多 次 使 用 了 字 
符 串 ， 但 还 没有 仔细 研究 如 何 更 高 效 地 使 用 它们 。 

创建 字符 串 很 容易 ， 只 需要 设置 一 些 字 符 ， 用 引号 包括 起 来 ， 然 后 赋 给 一 个 String 类 型 
的 变量 : 

Var myString:String = "Why is a raven like a writing desk?"; 

1. 字符 串 拆 解 

可 以 用 多 种 国 数 拆 解 字符 串 。 如 果 想 要 得 到 特定 位 置 上 的 一 个 字符 ， 我 们 可 以 使 用 charat 
函数 : 
myString.charAt (9) 


它 会 返回 "z"。 








说 明 
Ge 


与 & ActionScript 对 字符 串 从 0 开始 计数 。 所 以 , 例子 中 的 第 0 个 字符 是 "Ww", 第 9 个 是 "r"。 












































我 们 可 以 使 用 substr 函数 从 字符 串 中 得 到 一 个 或 者 多 个 字符 。 它 的 第 一 个 参数 是 起 始 位 
置 ， 第 二 个 参数 是 返回 的 字符 数量 : 

myString.substr(9,5) 

它 会 返回 "raven"。 

substring 国 数 可 以 用 来 替代 substr 函数 ， 它 使 用 起 始 位 置 和 终点 位 置 作为 参数 。 然 后 ， 
返回 从 起 始 位 置 开始 到 终点 位 置 前 一 个 的 字符 集合 : 

myString.substring(9,14) 

这 也 会 返回 "raven"。 

slice 函数 和 substring 函数 类 似 ， 只 是 对 第 二 个 参数 的 解释 方式 不 同 。 在 substring 
中 ， 如 果 第 二 个 参数 比 第 一 个 小 ， 那 么 参数 就 会 交换 。 所 以 mystring.substring(9,14) 和 
myString.substring(14,9) 是 一 样 的 。 

slice 国 数 允许 你 将 第 二 个 参数 设 为 负数 。 它 会 将 负数 解释 为 从 最 后 一 个 位 置 回 退 的 位 置 。 
因此 ，myString.substring(9,-21) 会 返回 "raven"。 

substring 和 slice 都 允许 将 第 二 个 参数 留 空 ， 表 示 从 起 始 位 置 开 始 的 剩余 字符 串 : 

myString.slice(9) 


这 会 返回 "raven like a writing desk?"。 
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2. 比较 和 搜索 字符 串 
为 了 比较 两 个 字符 串 ， 你 只 需要 使 用 == 操 作 符 ; 





Var testString = "raven"; 

trace(testString == "raven"); 

它 会 返回 true。 但 是 ， 这 个 比较 是 区 分 大 小 写 的 ， 所 以 下 面 的 例子 会 返回 false: 
trace(testString == "Raven"); 


如 果 想 比较 两 个 字符 串 , 而 不 区 分 大 小 写 , 那么 可 以 先 将 两 个 字符 串 都 转 成 大 写 或 者 小 写 的 。 
可 以 使 用 toUpperCcase 和 toLowerCase 方法 : 


testSstring.toLowerCase() == "RavVven" .toLowerCase() 
要 在 一 个 字符 串 中 寻找 另 一 个 字符 串 ， 可 以 使 用 indexof: 


myString.indexof ("raven") 


这 会 返回 9。 我 们 也 可 以 使 用 lastIndexof 寻找 一 个 字符 串 在 另 一 个 中 最 后 一 次 出 现 的 
位 置 : 


myString.indexOoft("a") 
mySstring.lastIndexOf ("a") 


第 一 个 会 返回 7, 第 二 个 返回 20。 分 别 对 应 了 a 在 字符 串 "Why is a raven like awriting 
qesk? "中 第 一 次 和 最 后 一 次 出 现 的 位 置 。 





说 明 


还 可 以 给 indqexof 和 lastIndexof 第 二 个 参数 。 这 个 参数 会 告诉 台数 从 哪个 位 置 开 
始 寻 找 字符 串 ， 而 不 是 从 开关 和 结尾 开始 寻找 。 



























































大 多 数 情况 下 , 使 用 indexof 不 是 为 了 找到 子 串 出 现 的 位 置 , 而 是 要 判断 子 串 是 否 出 现 了 。 
如 果子 串 出 现 了 ， 那 就 会 返回 0 或 者 更 大 的 数字 ， 如 果 没 有 出 现 ， 就 返回 -1。 所 以 ， 你 可 以 这 样 
判断 一 个 字符 串 是 否 出 现在 另 一 个 字符 串 中 : 

(myString.indexOof ("raven") != -1) 

还 可 以 使 用 search 函数 来 做 同样 的 事情 : 

myString.search ("raven") 

这 会 返回 9。 

search 国 数 会 将 字符 串 作为 参数 , 这 和 前 面 的 一 样 , 不 过 , 它 还 能 使 用 正则 表达 式 作为 参数 : 


mysString.search(/raven/); 
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正则 表达 式 是 在 字符 串 中 查找 和 蔡 换 另 一 个 字符 串 的 一 种 模式 。 它 在 很 多 编程 语言 和 工 
具 中 得 到 了 广泛 的 使 用 。 
正则 表达 式 的 主题 很 大 ， 大 到 有 几 本 1000 多 页 的 专著 专门 讲述 它 。 还 有 许多 网 站 也 对 它 
和 企 了 深入 的 讲解 。 可 以 在 http://flashgameu.com 中 找到 这 个 主题 的 链接 。 

























































































这 个 例子 使 用 最 简单 的 正则 表达 式 ， 做 到 了 和 search 一 样 的 结果 。 注 意 到 这 里 用 /而 不 是 
引号 将 字符 串 包 围 起 来 了 。 

还 可 以 给 正则 表达 式 添加 一 些 选项 。 最 有 用 的 可 能 是 i， 用 于 设置 区 分 大 小 写 。 

myString.search(/Raven/i); 

这 会 返回 9， 即 使 使 用 了 大 写 的 字符 R。 

你 也 可 以 在 正则 表达 式 中 使 用 通配符 。 比 如 ， 下 面 的 句点 字符 表示 可 以 是 任何 字符 : 

myString.search(/r...n/) 


这 会 返回 9, 因为 单词 raven 与 模式 相 匹 配 , 它 以 5 开头 , 跟着 3 个 任意 字符 , 然后 以 n 结尾 : 

















myString.search(/r.*n/) 

这 也 会 返回 9， 因 为 这 个 模式 中 ， 只 要 以 + 开头 ,然后 可 以 跟随 任意 的 字符 ， 最 后 以 n 结尾 。 

3. 创建 和 修改 字符 串 

你 可 以 使 用 + 操作 符 来 添加 字符 串 。ActionScript 会 指出 这 是 一 个 字符 串 ， 而 不 是 一 个 数字 ， 
所 以 不 会 使 用 加 法 ， 而 是 进行 字符 串 连接 。 你 还 可 以 使 用 += 进 行 连 接 的 简化 操作 : 


myString = "Why is a raven like"; 
myString += " a writing desk?"; 


为 了 在 现 有 的 字符 串 前 面 添 加 字符 串 ， 可 以 如 下 使 用 代码 : 


myString 
myString 


之 前 讲 过 search 函数 可 以 搜索 ， 返 回 一 个 索引 值 ， 而 replace 需要 一 个 正则 表达 式 作为 
参数 ， 还 能 将 字符 串 的 一 部 分 进行 替换 : 


myString.rebplace("raven" "aoor mouse") 





"a writing desk?"; 
"Why is a raven like "+myString; 


执行 的 结果 是 "Why is a door mouse like a writing desk? " 

你 可 以 在 第 一 个 参数 里 填 入 一 个 正则 表达 式 。 由 于 正则 表达 式 的 强大 功能 , 你 可 以 做 许多 复 
杂 的 事情 ， 比 如 将 文本 在 字符 串 中 移动 ， 而 不 只 是 单纯 地 替换 文本 : 

myString.replace(/(raven) (.*) (writing desk)/g,"$3$2$1") 

这 段 代码 会 在 字符 串 中 寻找 raven 和 writing desk， 中 间 可 以 放任 何 数量 的 字符 。 然 后 
将 字符 串 重 排 ， 将 writing desk 放 在 前 面 ，raven 放 在 最 后 ， 而 中 间 的 字符 不 变 。 
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4. 在 字符 串 和 数组 之 间 转 换 


字符 串 和 数组 在 存储 列表 的 信息 时 都 很 有 有用 ， 因 此 有 必要 对 它们 进行 相互 转换 。 





例如 ， 你 有 一 个 字符 串 "apple, orange,banana" 
实现 这 个 功能 ， 需 要 使 用 split 指令 


var myList:String = 
Var myArray:Array = 


"apple, orange, banana"; 
mYyLiStaBlit(™,") 


你 也 可 以 将 这 个 操作 反 向 ， 


Var myList:String = myArray.join(","); 


只 需要 使 用 join 指令 


， 你 可 能 想 从 它 开始 构造 一 个 数组 。 为 了 


在 上 面 的 例子 中 ， 传 人 函数 中 的 字符 表示 对 字符 串 进行 分 割 的 字符 。 如 果 使 用 join 指令 ， 


返回 的 字符 串 是 用 去 号 拼接 成 的 。 
5. 字符 串 函 数 总 结 































































































表 9-1 包含 了 目前 为 止 讨论 的 所 有 字符 串 函 数 ， 还 添加 了 一 些 新 的 函数 。 
表 9-1 字符 串 函数 
函数 语 法 描述 

charAt myString.charAt (pos) 返回 所 在 位 置 的 字符 

charCodeat String.charCodeAt (pos) 返回 所 在 位 置 的 字符 的 编码 

concat myString.concat (otherString) 返回 一 个 新 字符 串 ， 由 两 个 连接 而 成 

fromCharCode String.fromCharCode (num) 返回 字符 编码 对 应 的 字符 

indexOf myString.indexOf 返回 内 部 字符 串 在 整个 字符 串 中 的 位 置 
(innerString,startPos) 

join myArray .join(char) 将 数组 元 素 拼 成 一 个 字符 串 

lastIndexof myString.lastIndexOof 返回 内 部 字符 串 在 整个 字符 串 最 后 出 现 的 位 置 
(innerString,startPos) 

match myString.match (regexp) 返回 符合 正则 表达 式 的 字符 串 

replace myString.replace 检 换 模式 
(regexp,replacement) 

search myString.search (regexp) 返回 符合 模式 的 子 串 的 位 置 

slice myString.slice(start,end) 返回 子 串 

en myString.split (char) 将 字符 串 分 割 成 数组 

string String (notAString) 将 数组 和 其 他 值 变 为 字符 串 

substr myString.substr (start, len) 返回 子 串 

substring myString.substr (start,end) 返回 子 串 

toLowerCase myString.toLowerCase() 返回 全 小 写 的 字符 串 

toUpperCase myString.toUpperCase() 返回 全 大 写 的 字符 串 








9.1.2 ”对 文本 字段 应 用 文本 格式 
为 了 将 文本 显示 在 屏 








， 你 需要 创建 一 个 新 的 文本 字段 (TextField)。 在 前 几 章 中 ,我 
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们 已 经 看 到 如 何 使 用 文本 字段 来 显示 文本 信息 和 分 数 。 
如 果 不 想 使 用 默认 的 字体 和 样式 ， 则 需要 创建 一 个 文本 格式 〈TextFormat) 对 象 ， 并 将 它 
赋 给 这 个 文本 字段 。 为 了 在 游戏 中 使 用 文本 的 高 级 功能 ， 我 们 还 需要 查看 下 影片 中 包含 的 字体 。 
1. TextFormat 对 象 
一 般 我 们 在 创建 TextField 之 前 会 创建 TextFormat 对 象 。 如 果 你 需要 为 儿 个 文本 字段 设 
置 格式 ， 也 可 以 在 类 的 开头 就 创建 这 些 对 象 。 
所 有 的 TextFormat 对 象 其 实 都 是 属性 的 集合 。 这 些 属 性 定义 了 文本 展示 方式 。 

















说 明 


在 ActionScript 中 ， 你 也 可 以 使 用 样式 表 ， 就 像 在 HTML 文档 中 使 用 CSS 一 样 。 但 是 ， 
这 只 对 HTML 格式 的 文本 字段 有 效 。 在 我 们 的 游戏 中 ， 将 只 使 用 普通 的 文本 字段 。 




















































































































创建 TextFormat 对 象 时 ， 你 有 两 种 选择 。 第 一 个 选择 是 创建 一 个 空白 的 对 象 ， 然 后 设置 
其 中 的 每 个 属性 。 另 一 个 选择 是 在 TextFormat 声明 时 就 设置 大 多 数 常用 属性 。 
下 面 是 快速 创建 TextFormat 对 象 的 方法 : 
var letterFormat:TextFormat = new 
TextFormat ("Courier",36,0x000000,true,false,false,null,null, "center"); 


当然 ,这 需要 记 住 TextFormat 中 参数 的 准确 顺序 , 它 的 顺序 是 这 样 的 :font、size、color、 
bold、italic、underline、url、target 和 align。 只 要 按照 这 个 顺序 ， 你 可 以 包含 任意 
参数 。 对 于 不 希望 设置 的 参数 ， 只 需要 用 null 来 忽略 。 











说 明 


事实 上 ， 参 数 的 列表 还 可 以 扩展 ， 不 过 我 将 它们 从 前 面 的 例子 中 排除 出 来 了 : 
TeMenonn ee omnevaon ome ne ne 



































下 面 的 方法 也 可 以 设置 属性 ， 只 是 代码 更 长 : 


Var letterFormat:TextFormat = new TextFormat(); 
letterFormat.font = "Courier"; 
letterFormat.size = 36; 

letterFormat.color = 0x000000; 
letterFormat.bold = true; 

letterFormat.align = "center"; 


注意 ， 我 遗漏 了 italic 和 underline 属性 ， 因 为 它们 的 默认 属性 都 是 false。 
表 9-2 总 结 了 所 有 的 TextFormat 属性 。 
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表 9-2 Text Format 属 性 

















性 
align TextFormatAlign .LEFT 文本 对 前 
TextFormatAlign.RIGHT 
TextFormatAlign .CENTER 
TextFormatALign.JUSTIFY 
blockIndent 数字 段落 中 所 有 行 的 缩 进 
bold true/false 文本 是 否 加 粗 
Bullet true/false 文本 是 否 加 强调 符号 
color 颜色 文本 颜色 (如 x000000) 
font 字体 名 字体 名 称 
indent 数字 段落 中 第 一 行 的 缩 进 
italic true/false 斜体 
kerning True/false 在 一 些 字体 中 打开 特殊 字符 的 间隔 
leading 数字 行 间 距 
leftMargin 数字 左边 距 大 小 
letterSpacing 数字 字母 间隔 
rightMargin 数字 右边 距 大 小 
size 数字 字体 尺寸 
tabStops 数组 Tab 键 的 位 置 
target 字符 串 浏览 器 的 链接 目标 ， 比 如 说 "_blank" 
underline true/false 下 划 线 
url 字符 串 链接 的 地 址 








2. 创建 rextField 对 象 
当 有 了 格式 以 后 ， 就 需要 将 它 赋 给 文本 字段 。 创 建文 本 字段 的 方式 和 创建 Sprite 一 样 。 事 实 
它们 都 是 显示 对 象 类 型 的 ， 都 能 使 用 aaqcnila 函数 添加 到 其 他 的 Sprite 和 影片 剪辑 中 : 


Var myTextField:TextField = new TextField(); 
addChild (myTextField); 


将 格式 添加 到 文本 字段 上 ， 最 好 的 办 法 是 使 用 defaultTextFormat 属性 : 

myTextField.defaultTextFormat = letterFormat; 

还 可 以 使 用 setTextFormat 函数 。 不 过 它 有 个 问题 ， 当 你 使 用 text 属性 来 设置 文本 时 ， 
文本 的 格式 又 会 回 到 默认 状态 : 

myTextField.setTextFormat (letterFormat); 

setTextFormat 函数 的 优势 是 ， 你 可 以 添加 两 个 或 者 三 个 参数 ， 来 指明 格式 应 用 的 文本 范 
围 。 你 可 以 只 对 一 部 分 文本 应 用 格式 ， 而 不 是 全 部 。 
在 游戏 中 ， 我 们 通 芝 只 需要 比较 小 的 文本 字段， 比如 得 分 、 级 别 、 时 间 和 生命 值 等 

这 些 文本 字段 不 需要 多 个 格式 ， 而 且 它 们 经 常 需要 更 新 。 所 以 ， 在 大 多 数 情况 下 ， 使 用 

defaultTextFormat 是 更 好 的 办 法 。 


a 
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除了 defaultTextFormat 外 ， 还 有 一 个 重要 的 属性 是 selectable。 游 戏 中 的 大 多 数 文 
本 字段 只 用 于 显示 ， 不 可 单 击 。 我 们 关闭 selectable 属性 ， 那 样 当 鼠标 光标 移 过 文本 字段 时 
就 不 会 发 生 改变 ， 用 户 也 不 能 选择 文本 。 








说 明 


文本 字段 的 border 属性 在 判断 用 ActionScript 创建 的 文本 字段 的 尺 斗 和 位 置 时 很 有 用 。 
例如 ， 当 你 只 在 文本 字段 中 添加 了 一 个 单词 或 字母 时 ， 如 果 没 有 将 border 设置 为 
true， 就 看 不 到 文本 字段 真实 的 大 小 ， 人 至 少 在 测试 时 是 这 样 。 































































































表 9-3 给 出 了 一 些 有 用 的 TextFiela 属性 。 


表 9-3 文本 字段 属性 
属 性 值 描 述 
autoSize TextFieldAutoSize.LEFT 文本 字段 根据 填 入 的 文本 自 适应 
TextFieldAutoSize.RIGHT 


TextFieldAutoSize.CENTER 
TextFieldAutoSize.NONE 


















































background true/false 是 否 有 背景 

backgroundColor 颜色 背景 颜色 (如 0x000000) 

border true/false 是 否 有 边框 

borderColor 频 色 边框 颜色 (如 0x000000) 

defaultTextFormat TextFormat 对 象 新 文本 创建 时 指定 默认 的 文本 格式 对 象 

embedFonts true/false 使 用 嵌入 的 字体 时 必须 设 为 true 

multiline true/false 包含 多 行文 本 时 必须 设 为 true 

selectable true/false 如 果 设 为 true， 文 本 是 可 以 选择 的 

text 字符 串 设置 域 中 的 文本 内 容 

textColor 频 色 设置 文本 颜色 (如 0x000000) 

type TextFieldType.DYNAMIC 设置 用 户 能 否 编辑 文本 
TextFieldType.INPUT 

wordWrap true/false 文本 是 否 能 自动 换行 








3. 字体 

如 果 你 只 是 做 一 个 示例 的 快速 游戏 , 或 者 只 是 为 了 向 朋友 展示 , 又 或 者 只 是 用 来 证 明 一 个 概 
念 ， 那 么 可 以 只 使 用 基本 的 字体 。 为 了 简单 起 见 ， 本 书 中 大 多 数 游戏 都 是 这 么 做 的 。 

但 是 ,如 果 你 在 为 客户 或 者 你 的 网 站 开发 ,就 需要 将 使 用 的 字体 导入 到 库 中 ,以 防 用 户 的 电 
脑 中 没有 你 使 用 的 字体 。 而 且 你 也 可 以 使 用 更 高 级 的 字体 特效 ， 比 如 旋转 和 透明 度 。 

为 了 导入 字体 , 进入 库 (Library), 从 下 拉 菜 单 中 选择 New Font (在 第 7 章 中 已 经 操作 过 了 )。 
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当 你 导入 并 命名 字体 以 后 , 确保 在 库 中 给 字体 设置 了 一 个 链接 名 称 , 这 样 在 发 布 的 时 候 就 能 
公有 在 是 
包含 在 影片 中 。 


说 明 


奈 记 给 字体 设置 Linkage 名 称 是 常见 的 错误 。 在 测试 影片 时 ， 要 在 Output 面板 中 查看 错 
误 ， 并 在 影片 中 查看 漏 掉 的 文本 ， 这 些 文 本 原本 是 应 该 由 ActionScript 创建 的 。 















































即使 媒 入 了 字体 ， 在 你 将 embedFonts 属性 设置 为 true 之 前 ， 文 本 字段 也 不 会 使 用 它们 。 
现在 可 以 使 用 库 中 的 字体 了 ， 你 可 以 用 多 种 方式 操作 和 移动 文本 。 
4. 文本 动画 示例 
TextFly.fla 和 TextFly.as 文件 展示 了 使 用 字符 串 、 文 本 格式 和 文本 字段 来 创建 动画 。 在 影片 文 
件 中 只 有 字体 。 舞 台 是 空 的 。TextFlyas 类 有 一 个 字符 串 ， 并 将 它 分 割 成 字符 ， 为 每 个 字符 创建 
一 个 文本 字段 和 Sprite。 然 后 移动 这 些 Sprite。 
这 个 类 首先 定义 了 一 些 常 量 ， 用 来 设置 动画 的 表现 形式 : 
package { 
import flash.display.*; 
import flash.text.*; 
import flash.geom.Point; 


import flash.events.*; 
import flash,.utils,;Timer; 








public class TextFly extends MovieClip { 


/ /定义 动画 的 常量 
static const spacing:Number = 50; 
static const phrase:String = "FlashGameU"; 


static const numSteps:int = 50; 

static const stepTime:int = 20; 

static const totalRotation:Number = 360; 

static const startScale:Number = 0.0; 

static const endScale:Number = 2.0; 

static const startLoc:Point = new Point (250,0); 

static const endLoc:Point = new Point (50,100); 

private Var letterFormat:TextFormat = 
new TextFormat ("Courier",36,0x000000,true, false, 
false,null,null,TextFormatAlign.CENTER); 


说 明 


使 用 Courier 字体 时 要 注意 。 它 在 大 多 数 电脑 上 是 标准 字体 ， 但 不 是 所 有 。 如 果 你 的 电脑 
上 没有 Courier， 使 用 其 他 等 宽 字 体 蔡 代 。 
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接 下 来 定义 一 些 变量 ， 包 括 Sprite 和 动画 的 状态 : 


构造 函数 创建 了 所 有 的 TextField 和 Sprite 对 象 。 同 时 还 


动画 : 


/ /跟踪 动 画 的 变量 

private Var letters:Array = new Array (); 
private Var flySprite:Sprite; 

private var animTimer:Timer; 


public function TextFly() { 


} 


/ /保存 所 有 元 素 的 Sprite 
flySprite = new Sprite(); 
addCchild(flySprite); 


/ /为 每 个 字母 创建 文本 字段 ， 并 放 入 Sprite 中 
for(var i:int=0;i<phrase.length;i++) { 


Var letter:TextField = new TextField(); 
letter.defaultTextFormat = letterFormat; 
letter.embedFonts = true; 

letter.autoSize = TextFieldAutoSize.CENTER; 
letter.text = phrase.substr(i,1); 

letter.x = -letter.width/2; 

letter.y = -letter.height/2; 

Var newSprite:Sprite = new Sprite(); 
newSprite.addChild(letter); 

newSprite.x = startLoc.x; 








newSprite.y = startLoc.y; 
flySprite.addChild (newSprite); 
letters.push (newSprite); 


// 开 始 动画 

animTimer = new Timer (stepTime,numSteps); 
animTimer.addEventListener (TimerEvent .TIMER,animate); 
animTimer.start (); 


然后 ， 在 动画 的 每 一 步 ，Sprite 的 旋转 和 缩放 都 会 被 重 设 : 


public function animate(event:TimerEvent) { 


/ /动画 的 长 度 


Var percentDone:Number = event.target.currentCount/event.target.repeatCount; 


/ /改变 位 置 、 尺 寸 和 旋转 


for(var i:int=0;i<letters.length;i++) { 


letters[i] .x = startLoc.x*(1.0-percentDone) + 
(endLoc.x+spacing*i)*percentDone; 








通过 创建 一 个 计时 器 启动 了 








letters[i].y = startLoc.y*(1.0-percentDone) + endLoc.y*percentDone; 
Var scale:Number = startScale* (1-percentDone)+endScale*percentDone; 





letters[i].scaleXx = scale; 
letters[i].scaleY = scale; 


letters[i].rotation = totalRotation* (percentDone-1); 


9.2 Hangman 281 








图 9-1 展示 了 动画 的 中 间 过 程 。 





TextFly.swf 
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到 9-1 TextFly 程序 为 文本 中 的 字符 配 上 了 发 入 动画 
如 果 你 计划 制作 以 字母 和 单词 为 基本 元 素 的 游戏 , 那么 这 个 层次 的 控制 文本 字段 和 格式 的 
能 力 是 必须 的 。 接 下 来 ,我 们 会 看 一 下 Hangman ( 猜 字 ) 游戏 , 这 可 能 是 你 创建 的 最 简单 的 文 
es 

















El 


9.2 Hangman 





源 文件 
http://flashgameu.com 


A3GPU209_Hangman.zip 
Hangman 不 仅 是 最 容易 的 游戏 , 而 且 它 还 很 容易 编写 。 为 了 保持 简洁 的 特性 ， 下面 的 例子 是 
Hangman 游戏 的 一 个 精简 版 本 。 





9.2.1 设置 Hangman 游戏 


一 般 情况 下 ，Hangman 游戏 是 两 个 人 一 起 玩 的 。 一 个 玩家 想 一 个 单词 或 短语 ， 另 一 个 玩家 来 
猜 该 单词 或 短语 中 的 每 一 个 字母 。 第 一 个 人 抽 走 单词 或 短语 ， 在 每 个 字母 的 位 置 留 出 空白 (加 下 
划 线 )。 

当 猜 字 的 玩家 猜 出 了 短语 中 存在 的 一 个 字母 时 ， 想 字 的 玩家 将 这 个 字母 存在 的 位 置 都 填 上 。 
如 果 玩 家 猜 的 字母 不 在 短语 中 , 那么 想 字 的 玩家 就 在 一 张 图 片 中 给 悬挂 的 小 人 添上 一 笔 。 传 统 上 ， 
需要 7 步 绘 制 完 这 个 悬挂 的 小 人 ， 这 也 就 意味 着 猜 字 的 玩家 有 7 次 机 会 。 
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说 明 


Hangman ( 肪 挂 的 小 人 ) 这 个 猜 字 游 戏 始 于 19 世纪 ， 那 时 候 常 用 绞刑 架 来 惩罚 罪犯 。 不 
过 这 些 非 常规 的 图 片 被 保留 了 下 来 ， 虽 然 可 以 用 任何 7 步 的 图 片 序列 来 替换 它 。 





























在 我 们 的 游戏 中 ， 会 使 用 7 步 的 悬挂 的 小 人 的 图 片 序 列 ， 每 步 都 进行 微小 的 变化 。 图 9-2 为 
我 们 的 小 人 挂 在 树枝 上 的 图 片 。 如 果 你 猜 错 了 7 次， 他 就 会 掉 落 下 去 。 
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图 9-2 ”这 个 7 帧 的 序列 可 以 用 任何 其 他 图 片 代替 


因此 ，Hangman.fla 影片 中 只 有 一 个 影片 剪辑 ， 它 放置 在 舞台 的 右边 。 除 此 之 外 ， 影 片 中 没 
有 任何 元 素 ， 只 需要 将 文档 类 设 为 Hangman。 





9.2.2 Hangman 类 


整个 游戏 只 有 50 行 代码 ， 只 需要 4 个 变量 。 

看 到 用 ActionScript 3.0 能 如 此 快速 简单 地 创造 一 个 这 么 有 意思 的 游戏 ， 真 是 太 好 了 。 

游戏 需要 两 个 字符 串 ， 一 个 保存 短语 ， 另 一 个 保存 显示 的 文本 ， 一 开始 用 下 划 线 进行 填充 。 
我 们 还 需要 两 个 变量 ， 一 个 放置 对 文本 字段 的 引用 ， 另 一 个 用 来 记录 错误 的 猜测 次 数 : 


package { 
import flash.display.*; 
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import flash.text.*,; 
import flash.events.*; 


public class Hangman extends Sprite { 
private var textDisplay:TextField; 
private Var phrase:String = 
"Imagination is more important than knowledge."; 
阿尔 伯 特 . 爱 因 斯 坦 


private Var shown:String; 





private Var numWrong:int; 


当 类 开始 时 , 它 通过 将 phrase 贯穿 一 个 带 有 正则 表达 式 的 replace 函数 , 创建 了 phrase 
的 一 个 副本 。 正 则 表达 式 / [A-za-z]/g 会 匹配 任何 字母 (A~Z，a~z)。 然 后 用 下 划 线 将 它们 
全 部 替换 。 

public function Hangman() { 

/ /创建 一 个 副本 ,使 用 _ 替 换 每 个 字母 


shown = phrase.replace(/[A-72a-2z]/g,"_"); 
numWrong = 0; 


我 们 创建 的 文本 字段 会 使 用 Courier 字体 ，30 点 。 然 后 设置 文本 的 宽度 和 高 度 ， 这 样 就 不 会 
影响 到 右边 基 挂 小 人 的 图 像 。 





说 明 
我 选择 Courier 是 因为 它 是 等 宽 字 体 。 这 就 意味 着 每 个 字母 的 宽度 都 是 一 样 的 。 其 他 字体 






































中 不 同 的 字母 (如 1 和 w) 有 不 同 的 宽度 。 使 用 等 宽 字 体 ， 当 我 们 换 回 原始 字母 时 ， 文 本 的 
位 置 不 会 发 生变 化 。 
/ /设置 文本 字段 的 外 观 


textDisplay = new TextField(); 

textDisplay.defaultTextFormat = new TextFormat ("Courier",30); 
textDisplay.width = 400; 

textDisplay.height = 200; 

textDisplay.wordWrap = true; 

textDisplay.selectable = false; 

textDisplay.text = shown; 

adqdChild(textDisplay); 


pressKey 国 数 会 将 KEY_UP 事件 添加 到 有 舞台 上 : 


// 侦 听 按 键 事件 
stage.addEventListener (KeyboardEvent .KEY_UP,pressKey); 








} 
当 玩家 按 下 一 个 键 ， 能 够 通过 返回 的 event . charcode 得 到 按 下 的 字母 : 


public function pressKey (event:KeyboardEvent) { 
// 得 到 按 下 的 字母 
Var charPressed:String = (String.fromCharCode (event .charCode)); 
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当 得 到 按 下 的 字母 后 ，phrase 会 搜索 任何 满足 的 匹配 。 我 们 会 小 心地 使 用 toLowerCcase， 
让 按 下 的 字母 能 够 同时 和 phrase 的 大 小 写 版 本 匹配 。 


找到 一 个 匹配 后 ，shown 变量 会 更 新 , 使 用 实际 的 字母 替换 掉 下 划 线 。 使 用 这 个 方法 ,大 小 
写 的 字母 都 会 按照 实际 的 状态 出 现 : 


// 人 遍历 ,寻找 匹配 字母 
Var foundLetter:Boolean = false; 
for(var i:int=0;i<phrase.length;i++) { 
if (phrase.charAt (i) .toLowerCase() == charPressedq) { 
// 发 现 匹配 ， 改 变 shown 短语 
Shown = shown.substr(0,i)+phrase.substr(i,1)+shown.substr (i+1); 
foundLetter = true; 


} 
} 
当 搜索 开始 时 ， 布 尔 变量 foundLetter 被 设 为 false; 当 发 现 匹 配 时 ， 会 重 设 为 true。 
所 以 , 如 果 它 一 直 是 false, 我 们 就 知道 字母 不 在 短语 中 , 那么 悬挂 的 小 人 的 图 像 就 会 更 进一步 。 
但 是 首先 ， 我 们 将 文本 字段 设 为 shown， 来 更 新 屏幕 上 的 文本 : 
// 更 新 屏幕 上 的 文本 
textDisplay.text = shown; 








// 更 新 悬挂 的 小 人 
if (!foundLetter) { 
numWrong++}; 
character.gotoAndStop (numWrong+1);} 


说 明 


在 Flash 中 测试 时 ， 
快捷 键 ) 选项 。 





























确保 选择 了 Control (控制 ) 菜单 下 的 Disable Keyboard Short Cuts ( 禁 
否则 ， 你 的 键盘 按键 可 能 不 会 体现 在 游戏 窗口 中 。 
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这 个 短小 而 简单 的 游戏 可 以 通过 扩展 , 包含 一 些 我 们 常用 的 游戏 元 素 ， 比如 一 个 开始 界面 和 
一 个 结束 界面 。 这 个 快速 的 游戏 告诉 你 ， 不 需要 儿 个 小 时 也 可 以 创造 一 个 有 趣 的 游戏 。 
接 下 来 ， 让 我 们 看 一 个 更 健全 的 文字 游戏 一 一 流行 的 单词 搜索 。 


9.3 单词 搜索 


源 文件 
http://flashgameu.com 
A3GPU209 WordSearch.zip 
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你 可 能 会 觉得 单词 搜索 (word search) 已 经 存在 很 长 时 间 了 ,但 事实 上 ， 它 们 直到 20 世纪 
60 年 代 才 出 现 。 它 们 在 报纸 的 猜谜 版 面 上 很 流行 ， 有 时 也 会 被 搜集 起 来 整理 出 书 。 

基于 计算 机 的 单词 搜索 游戏 能 够 从 单词 表 或 者 词典 中 随机 地 产生 需要 的 数据 。 这 可 以 简化 创 
建 的 过 程 ， 你 只 需要 一 个 单词 表 。 

不 过 ， 在 创建 电脑 版 本 的 单词 游戏 时 ， 也 有 很 多 挑战 ， 比 如 显示 字母 ， 允 许 水 平 、 垂 直 和 对 
角 线 方向 的 高 亮 ， 以 及 维护 一 个 单词 表 。 








9.3.1 开发 策略 


我 们 的 游戏 拥有 一 个 单词 表 ， 还 会 有 一 个 15 x 15 的 字母 网 格 ， 将 这 些 单词 隐藏 在 其 他 随机 
的 字母 下 面 。 图 9-3 展示 了 一 个 完整 的 网 格 。 


WordSearch.swf 
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图 9-3 ”游戏 开始 时 的 网 格 ， 单 词 列 表 在 右边 

我 们 会 从 一 个 空 网 格 开始 ， 然 后 从 单词 表 中 随机 选择 单词 ， 设 置 随机 的 位 置 和 朝向 。 然 后 ， 
我 们 将 这 些 单词 插入 到 网 格 中 。 如 果 它 们 的 位 置 无 法 放置 ， 可 能 会 超出 边缘 或 者 那里 已 经 放置 了 
其 他 的 字母 ， 那 么 就 换 一 个 单词 ， 尝 试 新 的 位 置 和 朝向 。 





说 明 


不 是 所 有 的 单词 搜索 都 使 用 8 个 方向 。 有 一 些 没有 逆向 的 单词 ， 还 有 一 些 没 用 对 角 线 方 
向 。 这 只 是 一 个 难度 的 问题 。 容 易 的 游戏 对 于 青少年 来 说 比较 适合 ， 而 对 成 年 人 来 说 就 
太 容 易 了 。 




































































个 遍历 和 插入 过 程 会 一 直 持 续 , 直到 所 有 的 单词 都 放置 好 了 , 或 者 已 经 进行 了 特定 次 数 的 


这 
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尝试 。 固定 尝试 的 次 数 可 以 防止 一 个 单词 已 经 没有 位 置 的 情况 。 所以， 不 能 保证 所 有 的 单词 都 会 
在 游戏 中 出 现 。 

我 们 的 例子 只 使 用 9 个 单词 ， 所 以 这 不 太 可 能 会 发 生 , 但 是 更 长 的 单词 表 可 能 会 发 生 这 个 问 
题 。 大 型 的 单词 表 每 次 会 使 用 一 类 单词 ， 这 可 以 让 游戏 更 具有 针对 性 。 

当 单词 放置 好 以 后 ， 所 有 未 使 用 的 位 置 都 被 填充 了 随机 的 字母 。 

此 外 ， 单 词 表 位 于 屏幕 的 右边 。 当 有 单词 被 找 出 后 ， 单 词 表 中 对 应 单词 的 颜色 就 会 改变 。 

玩家 可 以 使 用 鼠标 来 单 击 和 拖 足 网 格 ,我 们 会 在 被 选中 的 字母 下 面 画 一 条 线 作为 标记 。 但 是 ， 
只 有 选择 有 效 时 才 进 行 标 记 。 有 效 的 选择 可 以 是 水 平 的 、 垂 直 的 或 者 45 对 角 线 方向 。 图 9-4 展 
示 了 单词 可 以 放置 的 不 同 朝向 。 


WordSearch.swf 
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图 9-4 ”有 效 的 选择 有 8 个 方向 
在 所 有 的 单词 都 被 找到 后 ， 游 戏 就 结束 了 。 


9.3.2 ”定义 类 
影片 中 的 game 这 一 帧 是 完全 空白 的 。 我 们 用 ActionScript 创建 所 有 元 素 。 为 此 ， 我 们 需要 


flash.display、flash.text、flash.geom 和 flash.events 这 些 类 库 . 


package { 
import flash.display.*; 
import flash.text.*; 
import flash.geom.Point; 
import flash.events.*; 


使 用 常量 可 以 更 方便 地 调整 游戏 尺寸 、 字 母 间隔 、 线 条 大 小 、 屏 幕 间距 以 及 文本 格式 : 
public class WordSearch extends MovieClip { 
/ /常量 
static const puzzleSize:uint = 15; 
static const spacing:Number = 24; 
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static const outlineSize:Number = 20; 

static const offset:Point = new Point (15,15); 

static const letterFormat:TextFormat = new 
TextFormat ("Arial",18,0x000000,true, false, 
false,null,null,TextFormatAlign.CENTER); 


我 们 将 使 用 3 个 数组 来 跟踪 单词 和 网 格 中 的 字母 : 
// 单 词 和 网 格 


private Var wordList:Array; 
private var usedWords:Array; 
private var grid:Array; 


dragMode 跟踪 了 当前 玩家 是 否 选中 了 一 个 字母 序列 。startPoint 和 endPoint 会 定义 字 
母 的 起 止 范围 。numFoung 会 记录 玩家 已 经 发 现 的 单词 : 
// 游 戏 状态 
private Var dragMode:String; 


private Var startPoint,endPoint:Point; 
private Var numFound:int; 


游戏 中 会 用 到 几 个 Sprite。gameSprite 保存 着 所 有 的 元 素 。 其 余 的 分 别针 对 一 个 特定 的 
元 素 : 


/ /Sprite 

private Var gameSprite:Sprite; 
private Var outlineSprite:Sprite; 
private Var oldOutlineSprite:Sprite; 
private var letterSprites:Sprite; 
private Var wordsSprite:Sprite; 


9.3.3 ”创建 单词 搜索 网 格 


为 了 创建 游戏 中 使 用 的 网 格 ，startwordsearch 国 数 需要 做 大 量 的 工作 。 它 需要 依赖 
placeLetters 国 数 来 完成 一 部 分 工作 。 
1. startWordSearch 函数 
游戏 开始 ,我 们 需要 创建 一 个 数组 来 放置 游戏 中 使 用 的 单词 。 在 本 例 中 , 我 们 会 使 用 9 大 行 
星 ， 不 要 去 管 关 于 国际 天 文联 合 会 (IAU) 关于 冥王 星 的 看 法 ”: 
public function startWordSearch() { 
/ /单词 表 
wordList = ("Mercury,Venus,Earth,Mars,Jupiter,SsSaturn,Uranus, 
Neptune,Pluto") .split(","); 
接 下 来 ， 会 创建 Sprite。 它 们 按照 在 屏幕 中 放置 层次 的 顺序 出 现 。 字 体 选 中 的 轮廓 应 该 在 字 
母 的 下 面 。 只 有 gamesprite 被 添加 到 了 舞台 ， 所 有 其 他 的 Sprite 都 被 添加 到 了 gamesprite 
上 面 : 


























@ 2006 年 8 月 24 日 , 第 26 届 国际 天 文联 合 会 在 捷克 首都 布拉格 举行 。 会 议 通过 第 五 号 决议 , 将 冥王 星 划 为 矮 行星 ， 
于 是 ， 之 前 的 9 大 行星 减 为 8 大 行星 。 一 一 编者 注 
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// 设 置 Sprite 
gameSprite = new Sprite(); 
addCchild(gameSprite); 


oldoutlineSprite = new Sprite(); 
gameSprite.addChild(oldOoutlineSprite); 


outlineSprite = new Sprite(); 
gameSprite.addChild(outlineSprite); 


letterSprites = new Sprite(); 
gameSprite.addChild(letterSprites); 


wordsSprite = new Sprite(); 
gameSprite.addChild (wordsSprite); 











字母 Sprite 会 存储 在 gria 数组 中 。 但 是 , 我 们 首先 会 调用 placeLetters 国 


所 有 字母 Sprite 的 二 维 数组 。 





二 维 数组 。 这 一 步 需 要 将 单词 表 添 加 进去 ， 约 然后 在 其 人 


/ /字母 数组 
Var letters:Array = placeLetters(); 


现在 我 们 已 经 知道 字母 的 放置 位 置 了 ， 接 着 要 创建 Sprite， 








一 个 字母 对 应 一 


数 得 到 一 个 放置 了 


a 分 为 两 步 。 第 一 步 是 创建 一 个 虚拟 的 字母 网 格 ， 其实 就 
位 置 放置 随机 字母 : 


。 首 先 ， 


字母 都 对 应 一 个 文本 字段 (TextField)， 然 后 将 这 个 文本 字段 添加 到 一 个 新 的 


//Sprite 数组 
Grid = new Array (); 
for(var x:int=0;x<puzzleSize;x++) { 
grid[x] = new Array (); 
for(var y:int=0;y<puzzleSize;y++) { 


/ /创建 一 个 新 的 字母 文本 字段 和 Sprite 
Var newLetter:TextField = new TextField!( 


)3 


newLetter.defaultTextFormat = letterFormat; 


newLetter.x = x*spacing + offset.x; 


newLetter.y = y*spacing + offset.y; 


rh et tt YY 二 


newLetter.width = spacing; 
newLetter.height = spacing; 
newLetter.text = letters[x] [y]; 
newLetter.selectable = false; 


Var newLetterSprite:Sprite = new Spritel( 
newLetterSprite.addChild (newLetter); 
letterSprites.addChild (newLetterSprite); 
grid[x][y] = newLetterSprite; 














除了 被 创建 和 添加 到 lettersprites 以 外 , 这 些 字母 Sprite 还 需要 附加 两 个 事件 : MOUS: 


a 





中 


DOWN 和 MOUSE_OVER。 第 一 个 开始 选择 过 程 , 第 二 个 在 鼠标 移 到 不 同 的 字母 时 , 对 选择 进 行 更 新 ， 








// 添 加 事件 侦 听 器 
DewLetterSprite.addqEventListener ( 
MouseEvent .MOUSE_DOWN, clic 
newLetterSprite.addEventListener!\( 








kLetter); 
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MouseEvent .MOUSE_OVER， overLetter); 


} 
当 玩 家 释放 鼠标 时 ,我 们 不 能 确保 鼠标 在 一 个 字母 上 面 。 所 以 , 不 能 将 MOUSE_UP 事件 侦 听 
器 放 在 字母 上 ， 而 应 该 放 在 stage 上 面 : 


/ /兽人 台 侦 听 器 
stage.addEventListener (MouseEvent .MOUSE_UP, mouseRelease); 


最 后 , 还 需要 创建 单词 表 , 并 放 在 屏幕 的 右边 。 这 只 需要 创建 一 组 TextField 对 象 的 集合 
并 放 在 wordsSprite 中 ,一 个 TextFielgd 对 象 对 应 usedWords 数组 中 的 一 个 单词 。3 这 个 数组 
会 在 placeLetters 函数 中 创建 ， 只 包含 能 够 放置 到 网 格 中 的 单词 : 


/ /创建 单词 表 文 本 字段 和 Sprite 

for(var i:int=0;i<usedWords.length;i++) { 
Var newWord:TextField = new TextField!(); 
newWord.defaultTextFormat = letterFormat; 
newWord.x = 400; 
newWord.y = i*spacing+offset.y; 
newWord.width = 140; 
newWord.height = spacing; 
newWord.text = usedWords[i]; 
newWord.selectable = false; 
wordsSprite.addChild (newWord); 

















} 
最 后 ， 还 剩 下 dragMode 和 numFound 变量 没有 设置 : 


// 设 置 游戏 状态 
dragMode = "none" 9 
numFound = 0; 


2. placeLetters 函数 
placeLetters 负责 一 些 有 挑战 性 的 工作 。 首 先 ， 它 用 二 维 数 组 的 形式 创建 一 个 15 x 15 的 
空白 网 格 。 网 格 中 的 每 一 个 点 都 用 * 进 行 了 填充 ， 表 示 一 个 空格 : 


/ /将 单词 放 入 字母 网 格 


public function placeLetters():Array { 


} 


// 创 建 空白 网 格 

Var letters:Array = new Array(); 

for (Var x:int=0;x<puzzleSize;x++) { 
letters[x] = new Array();} 
for(var y:int=0;y<puzzleSize;y++) { 

lettersl[s] [yY] SS “*™s 

} 

} 


下 一 步 是 创建 voraList 的 副本 。 我 们 不 使 用 原本 ,而 用 副本 ,是 因为 要 对 网 格 中 的 单词 进 
行 移 除 操作 。 还 需要 将 使 用 的 单词 放 入 新 数组 usedwords 中 ; 
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/ /创建 单词 表 的 副本 
Var wordListCopy:Array = wordList.concat (); 
usedWords = new Array(); 


现在 可 以 将 单词 填 入 网 格 中 了 。 这 可 以 通过 选择 随机 的 单词 、 随 机 的 位 置 和 随机 的 朝向 来 
完成 。 选 择 好 以 后 ， 尝 试 一 个 字母 一 个 字母 地 放 入 网 格 中 。 如 果 发 生 任何 冲突 (比如 说 到 达 了 
边缘 ,或 者 当前 需要 放置 的 位 置 已 经 被 占用 了 )， 尝 试 就 终止 了 

我 们 的 尝试 有 时 会 成 功 ， 有 时 也 会 失败 。 我 们 会 不 停 地 尝试 直到 wordListCopy 变 成 空 的 。 
但 是 ， 我们 会 通过 repeatTimes 来 记录 党 试 的 次 数 ， 它 从 1000 开始 ， 每 尝试 一 次 就 减 1。 如 果 
repeatTimes 变 成 了 0， 我 们 就 停止 添加 单词 。 这 时 ， 能 够 被 填 入 网 格 的 单词 已 经 都 填 和 人 了。 
对 于 那些 不 能 填 入 的 单词 ， 就 不 再 使 用 了 。 





























J 
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门 使 用 了 标记 循环 的 技术 , 这 样 我 们 就 可 以 使 用 cont inue 语句 强行 使 程序 跳 转 
环 外 部 循环 的 起 始点 。 如 果 没 有 这 些 标记 ,创建 下 面 的 代码 会 比较 麻烦 。 
















































































/ /进行 1000 次 的 填 入 操作 

Var repeatTimes:int = 1000; 

repeatLoop:while (wordListCopy.length > 0) { 
if (repeatTimes-- <= 0) break; 


/ /得 到 一 个 随机 单词 、 位 置 和 朝向 

Var wordNum:int = Math.floor(Math.random()*wordListCopy.length); 

var word:String = wordListCopy [wordNum] .toUpperCase(); 

x = Math.floor (Math.random()*puzzleSize); 

y = Math.floor (Math.random()*puzzleSize); 
二 村 i 


var dx:int = Math.floor(Math.random()* 
Var dy:int = Math.floor(Math.random()*3)-— 
if ((dx == 0) && (dy == 0)) continue et 


// 查 看 网 格 中 的 每 个 位 置 ， 看 是 否 已 被 占用 
letterLoop:for (var j:int=0;j<word.length;j++) { 
if ((x+dx*j < 0) || (y+dy*j < 0) || 
(Xt+dx*j >= puzzleSize) || (ytdy*j >= puzzleSize)) 
continue repeatLoop; 
Var thisLetter:String = letters[x+dx*j] [y+dy*j]; 
if ((thisLetter != "*") && (thisLetter != word.charAt(j))) 
continue repeatLoop; 





} 


/1/ 将 单词 插入 网 格 
InsertLoop :for (j=0;j<word.length;j++) { 
letters[x+dx*j] [y+dy*j] = word.charAt(j); 


} 


/ /将 单词 从 列表 中 移 除 
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wordListCopy.splice (wordNum,1); 
usedWords .Push (word) ; 


} 


现在 我 们 已 经 得 到 了 网 格 中 存在 的 单词 ， 网 格 看 起 来 类 似 于 图 9-5， 这 是 进行 游戏 下 一 步 的 
基础 。 


@ee WordSearch.swf 
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图 9-5 网 格 中 用 * 表 示 此 外 放置 随机 字母 


下 一 个 循环 会 查看 网 格 中 的 每 一 个 字母 ， 将 * 用 随机 的 字母 奉 代 : 
/7 用 随机 字母 蔡 换 


for (x=0;x<puzzleSize;x++) { 








for(y=0;y<puzzleSize;y++) { 
i (letters[x] [y] = "*™) { 
letters[x][y] = String.fromCharCodel( 
65+Math .floor (Math.random()*26)); 


} 
当 placeLetters 国 数 完成 时 ， 它 会 返回 一 个 数组 ， 字 母 Sprite 可 以 由 它 来 构建 : 


return letters; 


9.3.4 用 户 交 互 
我 们 使 用 侦 听 器 来 跟踪 3 个 不 同 的 鼠标 操作 : 单 击 鼠 标 、 将 光标 移 过 一 个 新 的 Sprite 和 释放 


1. 单 击 鼠 标 
当 玩 家 单 击 一 个 字母 时 ， 它 在 网 格 中 的 位 置 会 被 记录 下 来 并 放 在 startPoint 中 。 而 且 ， 
dragMode 被 设置 为 "drag"。 
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findGridPoint 国 数 会 返回 一 个 保存 着 网 格 中 位 置 的 点 (Point )， 下 面 来 构造 这 个 函数 : 


/ /玩家 单 击 一 个 字母 ， 开 始 跟 踪 

public function clickLetter(event:MouseEvent) { 
Var letter:String = event.currentTarget .getChildAt (0) .text; 
startPoint = findGridPoint (event .currentTarget); 
dragMode = "drag"; 


} 

2. 光标 拖 忠 

每 当 光 标 移 过 屏幕 上 的 字母 时 ,就 会 调用 overLetter 函数 ,但 是 , 它 首先 会 判断 dragMode 
是 否 等 于 "drag"。 所 以 ， 这 个 函数 的 代码 只 有 在 玩家 单 击 一 个 字母 以 后 才 会 执行 。 

当前 光标 的 位 置 存储 在 endPoint 中 。 现 在 我 们 已 经 有 了 startPoint 和 endPoint 了 ， 
可 以 判断 它们 之 间 的 跨度 是 否 合理 。 首 先 我 们 假定 不 合理 ， 先 将 outlinesprite 图 形 层 清 空 。 
如 果 是 合理 的 跨度 ， 那 么 arawoutline 函数 会 重新 设置 out1ineSprite， 画 一 条 新 的 线 。 

所 以 ， 简 单 点 说 ， 轮 亡 会 在 光标 移 到 不 同 的 字母 时 被 删除 然后 重 绘 : 


// 玩 家 移 到 了 新 的 字母 上 
public function overLetter(event:MouseEvent) { 
if (dragMode == "drag") { 
endPoint = findGridPoint (event .currentTarget); 








/ /如 果 跨 度 合理 ， 就 绘制 轮廓 

outlineSprite.graphics.clear(); 

if (isValidRange (startPoint,endPoint)) { 
drawOutline(outlineSprite, startPoint,endPoint, OxFF0000); 


} 
} 
3. 释放 鼠标 
当 玩 家 从 一 个 字母 上 释放 鼠标 时 ，dragMode 被 设置 为 "none" ， 轮 廓 会 被 清除 。 接 着 ， 如 
果 跨 度 是 合理 的 ， 就 会 调用 两 个 函数 来 处 理 这 次 选择 。 
getSelectedWord 国 数 会 得 到 这 个 跨度 ， 然 后 返回 跨度 之 间 的 字母 。 然 后 ，checkworda 
函数 会 判断 这 个 单词 是 否 在 列表 中 ， 如 果 在 ， 会 进一步 执行 : 








// 释 放 和 鼠标 
public function mouseRelease(event:MouseEvent) { 
if (dragMode == "drag") { 
dragMode = "none"; 


outlineSprite.graphics.clear(); 


/1 得 到 单词 并 判断 
if (isValidRange (startPoint,endPoint)) { 
Var word = getSelectedWord(); 
checkWord (word); 
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4. 有 用 的 函数 
findGriaPoint 函数 传人 一 个 字母 Sprite, 然后 指出 它 所 在 的 位 置 。 因 为 Sprite 是 从 零 开 始 
创建 的 ， 所 以 它们 无 法 添加 动态 变量 。 因 此 ， 我 们 不 能 保存 每 一 个 Sprite 的 x 和 y 值 。 
于 是 ， 我 们 需要 人 遍 历 整个 网 格 ， 找 出 与 当前 Sprite 匹配 的 条 目 : 


// 当 字母 被 单 击 时 ， 找 出 并 返回 位 置 
public function findGridPoint (letterSprite:Object):Point { 





// 遍 历 所 有 的 Sprite， 找 出 匹配 项 
for (Var x:int=0;x<puzzleSize;x++) { 
for (var y:int=0;y<puzzleSize;y++) { 
i (gridlx] [7 == leéttersprite) 
return new Point (x,y); 
} 
} 
} 


return null; 


} 

为 了 判断 起 始点 和 终点 之 间 的 跨度 是 否 合理 ,我 们 进行 3 个 测试 。 如 果 它 们 在 同一 行 或 者 列 
上 , 那么 是 合理 的 。 第 3 个 测试 判断 它们 的 x 和 y 的 间隔 , 如 果 间 隔 相 同 , 那么 不 管 间隔 的 正 负 ， 
都 是 45” 对 角 线 方向 上 的 合理 跨度 : 


/ /判断 是 否 在 同一 行 或 者 列 上 ， 或 者 是 45” 对 角 线 方向 上 
public function isValidRange (pl,p2:Point):Boolean { 











if (pl.x == p2.x) return true; 
if ‘(Bliy = B27Y) return true; 
if (Math.abs(p2.x-pl.x) == Math.abs(p2.y-pl.y)) return true; 


return false; 


} 
在 字母 序列 下 面 绘制 轮廓 线 也 是 游戏 中 的 一 大 难题 。 但 在 这 里 你 很 走运 。 因 为 线条 是 以 圆 形 结 
尾 的 ， 所 以 你 只 需要 在 两 个 位 置 之 间 画 一 条 线 ， 设 置 好 漂亮 的 样式 ， 就 可 以 得 到 一 个 好 看 的 轮廓 。 
需要 给 线条 的 结尾 增加 一 些 补偿 ， 因 为 线条 会 在 字母 的 中 心 收尾 ,无 法 覆盖 整个 字母 。 字 母 
对 应 于 文本 字段 和 字母 Sprite 的 左上 角 。 所 以 ， 增 加 spacing 这 个 常量 的 一 半 作 为 补偿 : 
// 从 一 个 位 置 向 另 一 个 位 置 绘制 粗 线 
public function drawOutline(s:Sprite,pl,p2:Point,c:Number) { 
Var off:Point = new Point (offset.x+spacing/2, offset.y+spacing/2); 
s.graphics.lineStyle(outlineSize,c); 


s.graphics.moveTo(pl.x*spacing+off.x ,pl.y*spacing+off.y); 
s.graphics.lineTo(p2.x*spacing+off.x ,p2.y*spacing+off.y); 





9.3.5 ”处理 发现 的 单词 


当 玩 家 完成 一 次 选择 后 , 首先 需要 从 选择 的 字母 中 构造 一 个 单词 。 这 需要 我 们 得 到 两 个 点 之 
间 的 间隔 gx 和 ay， 帮助 我 们 取得 网 格 中 的 字母 。 
从 startPoint 开始 ,我们 一 次 移动 一 个 字母 。 如 果 dx 的 值 是 正 的 ， 那么 每 次 向 右 移动 一 
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列 ， 如 果 是 负 的 ， 就 向 左 移 。 对 dy 也 做 类 似 的 处 理 ， 不 过 是 上 下 方向 。 这 样 做 ， 我 们 可 以 处 理 
选择 的 8 个 可 能 方向 。 
最 后 的 结果 是 一 个 由 字母 构成 的 字符 串 ， 同 样 的 字母 也 可 以 在 屏幕 上 的 选择 中 看 到 : 


// 根 据 起 始点 和 终点 得 到 选择 的 字母 
public function getSelectedWord():String { 


} 





// 取 得 选择 的 dx 和 dy， 还 有 单词 长 度 

Var dx = endPoint.x-startPoint.x; 

Var dy = endPoint.y-startPoint.y; 

Var wordLength:Number = Math.max(Math.abs (dx) ,Math.abs (dy))+1; 


/ /得 到 选择 的 每 一 个 字母 
Var WOrdString 三 "ys 
for(var i:int=0;i<wordLength;i++) { 
Var x = startPoint.x; 
if (dx < 0) x -= i; 
if (dx SS 0) RR = 1 
Var y = startPoint.y; 
if (dy < 0) y - 
if (dy > 0) y+ 
word += grid[x] 


三 注 学 
三 - 了 学 
[y] .getChildAt (0) .text; 
} 


return word; 





知道 用 户 选 择 的 单词 后 , 就 可 以 遍历 usedWwords 数组 , 将 选择 的 单词 与 已 有 的 进行 比较 了 。 
我 们 比较 必须 在 正 向 和 反 向 两 个 方向 上 进行 。 我 们 不 希望 约束 玩家 只 能 正 向 选择 单词 , 特别 是 当 
我 们 可 能 在 开始 就 将 单词 逆向 排列 的 时 候 。 

为 了 反 转 单词 , 一 个 比较 快 的 办 法 是 使 用 split 将 数组 转化 为 字符 串 ， 然 后 用 reverse 指 
令 来 反 转 数组 ,最 后 使 用 join 指令 将 数组 拼接 成 字符 串 。split 和 join 都 使 用 " "这 个 空 字符 
串 作 为 分 隔 符 ， 这 是 因为 我 们 只 需要 数组 中 的 元 素 本 身 ， 而 不 需要 额外 的 元 素 : 

/17 判断 单词 是 否 在 单词 表 中 


public function checkWord(word:String) { 





// 遍 历 单词 
for (var i:int=0;i<usedWords.length;i++) { 
// 比 较 
if (word == usedWords [i].toUpperCase()) { 


foundWord (word); 


} 


/ /比较 反 转 的 单词 
Var reverseWord:String = word.split("") .reverse().join(""); 
if (reverseWord == usedWords [i].toUpperCase()) { 


foundWord (reverseWord); 


} 
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当 发 现 一 个 单词 后 ， 我 们 希望 永久 地 用 轮廓 显示 它 ， 并 将 它 从 右边 的 列表 中 移 除 。 

drawOutline 国 数 能 够 在 任何 Sprite 上 绘制 线条 。 因 此 ， 我 们 让 它 在 oldoutlinesprite 
上 面 绘制 线条 ( 带 浅 红 阴 影 )。 

然后 ， 我 们 遍历 wordsSprite 中 的 TextField 对 象 ， 查 看 每 一 个 的 text 属性 。 如 果 与 
发 现 的 单词 匹配 ， 就 将 它 的 颜色 变 成 浅 灰 。 

我 们 还 需要 增加 numFoung 的 值 ， 如 果 所 有 的 单词 都 被 找到 了 ， 就 调用 endGame 函数 : 


/ /发现 单 词 ， 从 列表 中 移 除 并 永久 显示 轮廓 
public function foundWord(word:String) { 


// 在 永久 存在 的 Sprite 上 面 绘制 轮廓 
drawOutline(oldOutlineSprite, startPoint,endPoint, OxFF9999); 


// 找 到 文本 字段 ， 并 设 为 浅 灰 
for(var i:int=0;i<wordsSprite.numChildren;i++) { 
if (TextField (wordsSprite.getChildAt (i)) .text.toUpperCase() == word) { 
TextField(wordsSprite.getChildAt (i)).textColor = OxCCCCCC; 
} 
} 


// 判 断 是 否 发 现 了 所 有 的 单词 
numFound++; 
if (numFound == usedWords.length) { 
endGame ( ) ; 
} 
} 


ndGame 函数 只 是 简单 地 把 主 时 间 轴 移 到 "gameover" 帧 。 我 们 不 希望 现在 就 擦 除 游 戏 的 元 
素 ， 而 是 让 它们 显示 在 GAME OVER 信息 和 PLAY AGAIN 按钮 后 面 。 

为 了 让 结束 信息 排列 得 更 好 ,我 将 它们 放 在 一 个 实心 矩形 中 。 和 否则， 它们 会 和 网 格 中 的 字母 
混杂 在 一 起 〈 见 图 9-6) 。 
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图 9-6 ”矩形 突出 显示 了 GAME OVER 信息 和 按钮 
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public function endGame() { 
gotoAndSstop ("gameover"); 


} 
PLAYAGAIN 按钮 会 调用 cleanUp 函数 ,然后 回 到 play 帧 重新 开始 游戏 。 因 为 我 们 将 所 有 
的 Sprite 都 放 在 了 gamesprite 中 ， 所 以 只 要 移 除 它 ， 并 清空 gria 就 可 以 完成 清理 工作 : 


public function cleanUp() { 
removeChild(gameSprite); 
gameSprite = null; 
grigd = nuLll 

} 


9.3.6 ”修改 游戏 


玩家 对 游戏 的 兴趣 很 大 程度 上 与 单词 关联 着 。 只 需要 一 个 通用 的 单词 表 , 你 就 可 以 创建 任何 
主题 的 游戏 。 

事实 上 ， 你 可 以 使 用 第 2 章 中 提 到 的 技术 ， 用 网 页 中 的 HTML 代码 传 入 短小 的 单词 表 。 这 
举 一 来 ， 就 可 以 将 原本 单一 的 单词 搜索 游戏 通过 传人 不 同 的 单词 表 ， 在 许多 不 同 的 页 面 上 应 用 。 

你 也 可 以 调整 游戏 的 朝向 约束 ， 以 及 字母 的 尺寸 和 间隔 。 这 可 以 让 孩子 们 更 容易 上 手 。 

你 还 可 以 从 外 部 文件 中 导入 单词 表 。 我 们 将 在 第 10 章 中 学 习 如 何 导入 外 部 数据 。 
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问题 和 答案 : 问答 游戏 


本 章 内 容 


口 存储 和 获取 游戏 数据 
口 问答 游戏 

口 问答 游戏 豪华 版 

口 图 片 问答 游戏 


每 一 类 游戏 都 有 不 同 的 用 途 ， 但 很 少 有 游戏 能 像 问答 游戏 一 样 ， 有 如 此 形形色色 的 用 途 。 可 10 
以 围绕 任何 主题 开发 任何 难度 的 问答 游戏 。 制 作 问答 游戏 时 最 困难 的 部 分 是 如 何 让 它们 好 玩 。 毕 
况 ， 只 提供 了 一 些 选 择 题 的 游戏 看 起 来 更 像 是 一 个 测试 ， 而 没 人 喜欢 被 测试 。 
问答 游戏 是 数据 驱动 的 。 它 们 依赖 于 提问 和 回答 这 两 个 主要 的 游戏 元 素 。 这 些 文本 数据 最 
好 存储 在 外 部 文件 中 ， 在 游戏 中 能 够 动态 地 导入 进来 。 我 们 在 开始 制作 游戏 之 前 会 看 到 这 方面 
的 做 法 。 
接 下 来 ,我 们 会 制作 一 个 问答 游戏 ， 它 能 从 外 部 文件 中 读 取 数 据 作 为 提问 和 回答 的 材料 。 然 
后 ， 我 们 更 进一步 ， 使 用 外 部 图 片 来 制作 一 个 图 乒 问 答 游戏 。 


10.1 存储 和 获取 游戏 数据 
源 文件 


http://flashgameu.com 
A3GPU210_XMLExamples.zip 
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一 个 问答 游戏 需要 大 量 的 提问 和 回答 数据 。 最 好 的 方法 是 将 这 些 数 据 存 人 XML 文件 ， 在 游 
戏 开始 时 读 入 这 个 文件 。 


10.1.1 理解 XML 数据 


XML 代表 可 扩展 标记 语言 (eXtensible Markup Language)， 旨 在 提供 一 种 在 系统 之 间 交 换 数 
据 的 简单 格式 。 

如 果 你 之 前 没有 见 过 XML 文件 ， 但 用 过 HTML， 你 会 发 现 它 们 很 相似 。 在 XML 中 用 小 于 
号 和 大 于 号 括 起 来 的 关键 词 定义 称 为 标签 (tag)。 让 我 们 看 一 个 例子 


<trivia> 
<item category="Entertainment"> 
<question>Who is known as the original drummer of 
the Beatles?</question> 
<answers> 
<answer>Pete Best</answer> 
<answer>Ringo Starr</answer> 
<answer>Stu Sutcliffe</answer> 
<answer>George Harrison</answer> 
</answers> 
<hint>Was fired before the Beatles hit it big.</hint> 
<fact>Pete stayed until shortly after their first 
audition for EMI in 1962, but was fired on 
August 16th of that year, to be replaced by 
Ringo Starr.</fact> 
</item> 
</trivia> 


这 个 XML 表示 了 问答 游戏 中 的 一 道 题 。 数 据 是 嵌 套 在 一 起 的 ， 标 记 之 中 还 有 其 他 的 标记 。 
例如 ， 整 个 文档 都 在 一 个 <trivia> 对 象 中 。 它 的 里 面 是 一 个 <item>。 在 <item> 里 面 ， 有 1 个 
<question> 对 象 、1 个 <answers> 对 象 ， 还 有 4 个 <answer> 对 象 以 及 1 个 <hint> 对 象 科 1 个 
<fact> 对 象 。 








说 明 


在 XML 文档 中 ， 单 个 对 象 又 称 为 节点 (node )。 一 个 节点 可 以 保存 一 些 数据 ,也 可 以 有 几 
个 子 节点 。 一 些 节 点 关联 了 额外 的 数据 ， 比 如 上 面 例子 中 的 item 节点 还 有 category。 
这 些 都 称 为 特性 (attribute )。 






























































可 以 直接 将 XML 文档 放 入 ActionScript 3.0 的 代码 中 。 比 如 ， 下 面 的 例子 是 影 
xmlExample.fla 第 1 帧 的 代码 : 
Var myXML:XML = 


<trivia> 
<item category="Entertainment"> 
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<question>Who is known as the original drummer of 
the Beatles?</question> 
<answers> 
<answer>Pete Best</answer> 
<answer>Ringo Starr</answer> 
<answer>Stu Sutcliffe</answer> 
<answer>George Harrison</answer> 
</answers> 
<hint>Was fired before the Beatles hit it big.</hint> 
<fact>Pete stayed until shortly after their first 
audition for EMI in 1962, but was fired on 
August 16th of that year, to be replaced by 
Ringo Starr.</fact> 
</item> 
EELVia> 


注意 ， 在 XML 数据 的 周围 ， 没 有 使 用 引号 或 括号 。XML 可 以 直接 存在 于 ActionScript 3.0 
代码 中 (尽管 数 据 很 大 时 看 起 来 会 很 杂乱 ) 。 
现在 我 们 将 一 些 XML 数据 存在 了 一 个 XML 对 象 中 ， 可 以 尝试 如 何 从 中 提取 出 信息 来 。 


说 明 


在 ActionScript 3.0 中 ， 处 理 XML 数据 的 能 力 得 到 了 极 大 的 增强 。 之 前 ， 你 必须 使 用 很 
复杂 的 语句 才能 从 数据 中 找到 一 个 指定 的 节点 。ActionScript 3.0 中 的 新 XML 对 象 与 
ActionScript 2.0 中 的 不 同 ， | 不 能 直接 在 它们 之 间 转 换 。 所 以 ， 要 注意 老 的 代 
人 码 中 可 能 会 使 用 ActionScript 2.0 格式 。 









































































































































为 了 从 数据 中 得 到 question 节点 ， 你 只 需要 这 样 写 


trace (myXML.item.question); 
这 看 起 来 很 到 观 。 为 了 得 到 特性 ， 你 可 以 使 用 attribute 函数 : 


trace (myXML.item.attribute("category")); 


说 明 


一 个 获取 特性 的 快捷 方法 是 使 用 @ 符 号 。 你 可 以 使 用 myXML . item.ecategory 来 蔡 
换 之 前 写 的 myXML.item.attribute ("category")。 















































在 <answers> 节 点 中 ， 我们 有 4 个 答案 。 可 以 把 这 些 节点 看 成 数组 ， 然 后 用 方 括 号 访问 : 


trace (myXML.item.answers.answer[1]); 


获得 节点 〈 如 <answers> 节 点 ) 子 市 点 的 数量 , 会 相对 复杂 一 点 。 但 是 ,我 们 也 可 以 通过 下 
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面 的 方式 获取 : 

trace (myXML.item.answers.child("*").length()); 

child 函数 根据 传 入 的 字符 串 或 数值 返回 子 节点 。 而 使 用 "*" 会 rs 点 。 然 后 ， 
使 用 length() 返 回 子 市 点 的 数量 。 如 果 只 是 简单 地 希望 得 到 一 个 节点 的 length()， 那 么 只 会 
得 到 1， 因 为 一 个 节点 的 长 度 永 远 是 1。 

现在 你 知道 如 何 从 XML 数据 中 找到 需要 的 数据 了 ， 让 我 们 开始 学 习 如 何 处 理 从 外 部 文件 中 
导入 的 较 大 的 XML 文档 。 





10.1.2 导入 外 部 XML 文 件 


当 XML 存 和 文件 时 ， 这 个 文件 相当 于 一 个 纯 文本 文件 。 事 实 上 ， 你 可 以 使 用 大 多 数 文本 编 
辑 器 直接 打开 XML 文件 。trivial.xml 是 一 个 小 文件 ， 只 存 有 10 ns 

为 了 打开 和 读 取 外 部 文件 ， 我 们 需要 使 用 URLRequest 和 URLLoader 对 象 。 然 后 ， 当 文件 
导入 完成 时 触发 一 个 事件 。 

下 面 的 代码 是 xmlimport.as 中 的 导入 代码 。 其 中 的 构造 函数 创建 了 一 个 URLRequest 对 象 ， 
使 用 XML 文件 的 名 称 作为 参数 。 然 后 ， 使 用 URLLoader 来 导入 。 








说 明 


可 以 将 任何 有 效 的 URL (统一 资源 定位 符 ) 传 入 URLRecuest。 在 这 里 我 们 只 用 了 
个 文件 名 ， 这 表示 这 个 文件 和 当前 的 SWF 景 影片 在 同 一 个 文件 夹 中 。 当 然 ， 也 可 以 指定 一 
个 子 文件 夹 ， 或 者 使 用 ../ 或 其 他 方式 给 它 一 个 相对 URL。 还 可 以 使 用 绝对 URL。 这 在 服 
务 器 或 者 本 地 测试 时 都 是 可 行 的 。 


















































































































































我 们 还 要 给 URLLoagder 增加 一 个 侦 听 器 。 当 文件 载 入 完成 时 ， 侦 昕 器 会 调用 xmlLoaded 
package { 

import flash.display.*; 

import flash.events.*; 


import flash.net.URLLoader; 
import flash.net.URLRequest; 


public class xmlimport extends MovieClip { 
private var xmldata:xML; 


public function xmlimport() { 
xmldata = new XML(); 
Var xmlURL:URLRequest = new URLRequest ("xmltestdata.xml"); 
Var xmlLoader:URLLoader = new URLLoader (xmlURL); 
xmlLoader .addEventListener (Event .COMPLETE, xmlLoaded); 
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xmlLoaded 函数 会 从 event .target .data 中 得 到 导入 的 数据 , 然后 转换 为 XML, 并 存 入 
xmldata 中 。 作 为 一 个 测试 ， 这 个 例子 会 将 第 一 个 问题 的 第 二 个 答案 输出 到 窗口 中 : 


function xmlLoaded(event:Event) { 
xmldata = XML(event.target .data); 
trace (xmldata.item.answers.answer[1]); 
trace("Data loaded,."); 


说 明 
XML 对 象 和 数组 一 样 , 索引 都 是 从 0 开始 的 。 所 以 ,上面 例子 中 的 第 一 个 答案 在 0 位 置 ， 
而 第 二 个 答案 在 位 置 1。 












































10.1.3 ”处 理 加 载 错误 
加 载 时 很 可 能 会 发 生 错误 ， 因 此 最 好 能 做 一 些 错误 检测 。 你 可 以 在 URLLoagder 中 添加 另 一 
个 事件 : 


xmlLoader.addEventListener (IOErrorEvent .1IO_ERROR,xmlLoadError); 











然后 ， 可 以 通过 传 入 xmlLoadError 的 event 得 到 错误 信息 : 





function xmlLoadError(event:IOErrorEvent) { 
trace (event .text); 
} 
但 是 ,我 不 能 直接 将 错误 信息 告诉 最 终 用 户 。 比 如 ， 如 果 你 将 文件 移 除 ， 然 后 运行 影片 ， 你 
会 得 到 下 面 这 个 错误 ， 后 面 跟 着 文件 名 : 
Error #2032: Stream Error. URL: file: 


你 不 会 想 将 这 样 的 信息 展示 给 玩家 的 , 此 时 显示 Unable to load game file (无 法 导入 游戏 文件 ) 


可 能 更 好 一 些 。 
现在 ， 你 知道 如 何 获取 大 型 的 XML 文档 了 ， 让 我 们 开始 构建 问答 游戏 吧 。 





10.2 ”问答 游戏 
源 文件 


http://flashgameu.com 
A3GPU210_TriviaGame.zip 


20 世纪 50 年 代 ， 随 着 电视 机 的 出 现 ， 问 答 游 戏 开 始 成 为 了 一 种 新 的 娱乐 方式 。 知 力 竞 赛 市 
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目 也 逐渐 流行 起 来 。 

80 年 代 ， 棋 盘问 答 (Trivial Pursuit) 等 桌面 游戏 变 得 流行 ， 人 们 开始 玩 问 答 游戏 (之 前 一 直 
是 观看 )。 不 久 问 答 游戏 也 在 计算 机 和 网 络 上 流行 开 来 。 

问答 游戏 可 以 使 用 任何 需要 的 主题 .如 果 你 有 一 个 关于 海盗 的 网 站 , 那 就 做 一 个 海盗 问答 游戏 。 
如 果 你 为 一 个 在 克利 夫 兰 市 举办 的 会 议 制作 光盘 ， 就 增加 一 个 关于 克利 夫 兰 趣事 的 问答 游戏 吧 。 

下 面 ， 让 我 们 首先 构造 一 个 简单 的 问答 游戏 ， 然 后 增加 更 多 花哨 的 功能 。 
10.2.1 设计 一 个 简单 的 问答 游戏 

一 个 基本 的 问答 游戏 就 是 一 系列 的 问题 。 玩 家 读 到 一 个 问题 ， 然 后 从 几 个 选项 中 选择 一 个 答 
案 。 玩 家 如 果 答对 了 ， 就 会 得 到 一 个 分 数 或 者 一 些 奖励 。 然 后 ， 游 戏 开始 另 一 个 问题 。 

我 们 构建 的 游戏 和 其 余 章 节 中 构建 的 游戏 类 似 ， 都 包含 了 3 帧 ， 中 间 帧 是 游戏 的 主要 部 分 。 

在 本 例 中 ， 当 游戏 开始 时 ， 会 出 现 一 系列 的 文本 和 按钮 。 我 们 首先 会 问 玩 家 是 否 准备 好 了 。 
它们 需要 单 击 按钮 进入 游戏 ( 见 图 10-1)。 





图 10-1 游戏 开始 时 ， 玩 家 面前 会 出 现 一 个 按钮 ， 只 有 单 击 它 才能 开始 第 一 个 问题 
接 下 来 ,我 们 会 给 出 1 个 问题 和 4 个 答案 。 玩 家 必须 选择 一 个 答案 。 如 果 答 对 了 ， 系 统 会 显 
示 Your Got It! (你 答对 了 !)。 如 果 答 错 了 ,会 显示 Incorrect (不 正确 )。 
每 次 玩家 想 进 入 下 一 个 问题 前 ， 都 需要 单 击 另 一 个 按钮 。 
现在 ， 可 以 尝试 发 布 TriviaGame.fla， 试 玩 一 下 ， 感 受 下 游戏 的 内 容 和 进程 。 下 面 ， 让 我 们 
构建 游戏 的 主体 。 


10.2.2 ”设置 影 


影片 中 我 们 使 用 两 帧 ， 而 不 是 之 前 使 用 的 三 帧 。 为 了 创建 这 个 游戏 ,在 影片 库 中 我 们 需要 增 
加 一 个 新 的 元 件 。 这 个 元 件 外 部 是 一 个 圆圈 ， 中 间 带 有 一 个 字母 。 在 影片 中 ， 它 会 出 现在 答案 边 
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上 。 图 10-2 展示 了 这 个 影片 剪辑 。 
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图 10-2 Circle 影片 剪辑 包含 了 一 个 动态 文本 字段 和 一 个 背景 圆圈 














在 Circle 影片 剪辑 中 的 文本 字段 叫做 letter。 我 们 将 创建 4 个 这 样 的 影片 剪辑 ， 每 个 对 应 一 
个 答案 ， 并 将 它们 放置 在 答案 的 边 上 。 每 个 的 letter 文本 字段 都 不 一 样 , 分 别 是 A、B、C 和 D。 


口外 ， 


说 明 

仔细 看 图 10-2， 你 会 发 现 影 刻 部 辑 的 注册 点 在 右上 角 。 这 样 就 和 它 后 面 出 现 的 文本 字段 
的 (0,0) 位 置 相 匹配 。 这 样 ， 我 们 就 可 以 将 Circle 和 答案 文本 的 位 置 设 成 一 样 。 它 们 就 会 
前 后 出 现 ， 而 不 会 重 亚 到 一 起 。 

































































这 种 将 背景 图 形 和 文本 字段 结合 在 一 起 的 方法 ， 会 在 之 后 的 GameButton 影片 剪辑 中 再 次 使 
用 。 这 个 方法 让 我 们 可 以 复 用 游戏 中 的 影片 剪辑 。 

这 个 影片 还 包含 了 一 些 背 景 图 形 、 一 个 显眼 的 标题 和 几 条 横 线 (如 图 10-1 所 示 )。 此 外 ， 记 
得 要 将 我 们 使 用 的 字体 包含 进来 。 在 本 例 中 ， 通 过 图 10-2 中 的 库 ， 可 以 看 到 我 们 使 用 Arial Bold 
字体 。 








10.2.3 ”设置 类 
因为 游戏 需要 从 外 部 文件 中 导入 问答 数据 ， 所 以 我 们 需要 导入 flash.net 类 库 中 的 


URLLoader 和 URLRequest 类 : 


package { 
import flash.display.*; 
import flash.text.*; 


304 第 10 章 问题 和 答案 : 问答 游戏 





import flash.events.*; 
import flash.net.URLLoader; 
import flash.net.URLRequest; 


游戏 使 用 了 许多 变量 。 我 们 将 从 外 部 导入 的 数据 存 到 dataxML 中 。 还 有 几 个 变量 用 于 存放 
即将 创建 的 文本 格式 和 动态 文本 字段 : 


public class TriviaGame extends MovieClip { 





/ /问题 数据 
private Var dataXML:xML; 


// 文 本 格式 

private Var questionFormat:TextFormat; 
private Var answerFormat:TextFormat; 
private Var scoreFormat:TextFormat; 


// 文 本 字段 

private var messageField:TextField; 
private Var questionField:TextField; 
private Var scoreField:TextField; 


我 们 将 所 有 的 Sprite 都 放 入 一 个 gameSprite 中 。gameSprite 中 有 一 个 auestionSprite， 
它 包 含 了 一 个 问题 需要 的 所 有 元 素 : 一 个 用 来 放 问 题 的 文本 字段 和 几 个 用 来 放 答案 的 Sprite。 
answerSprites 包含 了 所 有 答案 的 文本 字段 和 Circle 剪辑 ， 每 个 答案 被 存 入 一 个 Sprite 中 。 不 
过 ， 我 们 不 需要 类 变量 来 引用 这 些 答案 ， 因 为 答案 都 放 在 了 answerSprites 中 。 
还 有 一 个 变量 gameButton 存放 了 GameButton， 因 此 在 创建 按钮 时 ， 可 以 用 这 个 变量 移 
除 这 个 按钮 : 
//Sprite 和 对 象 
private var gameSprite:Sprite; 
private var questionSprite:Sprite; 


private var answerSprites:Sprite; 
private var gameButton:GameButton; 


为 了 跟踪 游戏 状态 ,我 们 需要 question Num numCorrect 和 numouestionsAsked 变量 ， 
其 中 , 第 1 个 变量 记录 了 我 们 提供 的 问题 数量 ;第 2 个 表示 玩家 回答 正确 的 数量 , 会 影响 到 玩家 
的 得 分 ;第 3 个 也 会 对 玩家 的 得 分 产生 影响 。 

为 了 跟踪 已 经 提 过 的 问题 ， 我 们 将 4 个 答案 随机 放 入 answers 数组 中 。 在 打 乱 答案 之 前 ， 
我 们 将 原始 的 第 一 个 答案 (也 就 是 正确 的 答案 ) 记录 在 correctAnswer 变量 中 

// 游 戏 状态 变量 

private Var questionNum:int; 
private Var correctAnswer:String; 
private Var numQuestionsAsked:int; 


private Var numCorrect:int; 
private Var answers:Array; 


构造 函数 会 创建 gameSprite， 然 后 设置 3 个 TextFormat 对 象 : 


public function startTriviaGame() { 

















10.2 问答 游戏 305 





/ /创建 游戏 的 Sprite 
gameSprite = new Sprite(); 
addChild(gameSprite); 


// 设 置 文本 格式 

questionFormat = new TextFormat ("Arial",24,0x330000, 
true,false,false,null,null, "center"); 

answerFormat = new TextFormat ("Arial",18,0x330000, 
true,false,false,null,null,"left"); 

scoreFormat = new TextFormat ("Arial",18,0x330000, 
true,false,false,null,null, "center"); 


说 明 

没有 办 法 复制 TextFormat 对 象 。 如果 你 简单 地 进行 周 值 , 比如 设置 answerFormat 
=questionFormat， 然 后 改变 其 中 一 个 ， 那 么 另外 一 个 也 会 改变 。 所 以 ， 要 为 每 一 个 
变量 创建 单独 的 TextFormat 对 象 。 
不 过 ， 可 以 设置 临时 变量 ， 比 如 将 myFont 设置 为 "Arial"， 然 后 用 myFont 代替 
"Arial" 来 给 所 有 的 TextFormat 对 象 赋值 。 这 样 一 来 ， 就 可 以 在 一 个 地 方 一 次 改变 
整个 游戏 的 字体 了 。 

















































































































游戏 开始 时 ,创建 scoreField 和 messageField。 我 们 无 需 创 建文 本 字段 ,使 用 adqchild 
添加 它 ， 并 为 文本 的 每 个 部 分 设置 需要 的 属性 ， 而 只 用 将 所 有 这 些 都 放 进 了 一 个 createText 国 
数 中 ,只 需要 一 行 代码 就 可 以 完成 创建 ,例如 , messageField 会 包含 "Loadqing Questions..." 
文本 , 使 用 了 questionFormat 格式 。 它 放置 在 gameSprite 中 的 (0,50) 位 置 ， 宽 度 为 550。 我 


们 在 后 面 会 看 到 creatText 函数 : 


/ /创建 得 分 文本 字段 和 开始 信息 文本 字段 

scoreField = createText ("",questionFormat,gameSprite,0,360,550); 

messageField = createText ("Loading Questions...",qgquestionFormat, 
gamesSprite,0,50,550); 


设置 好 游戏 状态 后 ， 会 调用 showGameScore， 将 得 分 的 文本 放 在 屏幕 底部 。 我 们 在 后 面 会 


看 到 它 的 使 用 方法 。 
最 后 ， 程 序 调用 xmlImport 获取 问答 数据 : 
// 设 置 游戏 状态 ， 导 入 问题 


questionNum = 0; 
numQOuestionsAsked = 0; 
numCorrect = 0; 
ShowGameScore () ; 
xmlImport (); 








} 
导入 文本 的 过 程 中 ， 文 本 Loading Questions… 会 出 现在 屏幕 上 ， 持 续 到 XML 文档 读 入 为 止 。 
在 测试 时 ， 可 能 只 会 出 现 不 到 1 秒 钟 。 当 游戏 放 到 服务 器 上 以 后 ， 根 据 玩家 的 网 络 响应 时 间 ， 持 


续 时 间 会 长 短 不 一 。 
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10.2.4 导入 问答 数据 


导入 问答 数据 使 用 的 函数 和 本 章 开头 的 例子 很 类 似 。 简 单 起 见 ， 我 们 不 对 它 做 错误 处 理 。 文 
件 trivial.xml 中 包含 了 10 个 问答 项 : 
// 开 始 导 入 问题 


public function xmlImport() { 
Var xmlURL:URLRequest = new URLRequest ("trivial .xml"); 
Var xmlLoader:URLLoader = new URLLoader (xmlURL); 
xmlLoader .addEventListener (Event .COMPLETE, xmlLoaded); 





导入 完成 后 ,数据 放 在 aataXML 中 。 然 后 , 之 前 显示 的 Loading Questions.… 信 息 被 移 除 , 换 
成 了 Get ready for the first question! (准备 回答 第 1 个 问题 )。 

为 了 创建 一 个 GameButton， 需 要 调用 另 一 个 实用 的 函数 showGameButton。 在 本 例 中 ， 
按钮 文本 GO! 会 被 放 进 创建 的 按钮 中 。 后 面 ， 我 们 会 详细 分 析 showGameButton 国 数 : 


/ /问题 导入 
public function xmlLoaded(event:Event) { 
dataxXML = XML(event.target.data); 


gameSprite.removeChild (messageField); 
messageField = createText ("Get ready for the first 
question!",questionFormat,gameSprite,0,60,550); 
showGameButton ("GO!"); 
} 


现在 就 等 着 玩家 单 击 按钮 了 。 


10.2.5 ”信息 文本 和 游戏 按钮 


为 了 创建 文本 字段 和 按钮 , 我 们 需要 儿 个 函数 。 这些 实 用 函数 可 以 大 幅 减 少 代码 量 。 通过 它们 ， 
可 以 免 去 在 每 次 创建 文本 字段 的 重复 工作 ， 比 如 新 建文 本 字段 、 增 加 aaachi1ld， 以 及 设置 x 和 y 
值 等 。 

createText 通过 传 入 的 几 个 参数 来 创建 一 个 新 的 文本 字段 。 它 会 根据 参数 中 的 值 设 置 x、 
y、wiath 和 TextFormat 的 值 。 它 也 会 默认 设置 一 些 常量 参数 的 值 ， 比 如 multiline (多 行 ) 
和 worawrap (自动 换行 )， 这 些 值 会 应 用 于 所 有 用 该 函数 创建 的 文本 中 。 

文本 的 对 齐 方式 有 两 种 ， 可 以 是 居中 对 章 或 者 左 对 齐 。 这 可 以 在 TextFormat 中 设置 。 但 
是 ,为 了 将 autosize 属性 设置 为 合适 的 值 ， 需 要 进行 测试 ， 来 决定 将 autosize 设 为 
TextFieldAutoSize.LEFT 还 是 TextFieldAutoSize.RIGHT。 

最 后 ， 设 置 文本 字段 的 text 属性 ， 将 文本 字段 加 入 到 传人 的 Sprite 参数 中 。 函 数 会 返回 创 
建 的 文本 字段 ， 我 们 可 以 设置 一 个 变量 来 引用 它 ， 用 于 以 后 移 除 : 

// 创 建文 本 字段 


public function createText (text:String, tf:TextFormat, 
s:Sprite, x,y: Number, width:Number): TextField { 
Var trField:TextField = new TextrField(); 
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tField.x = x; 

EFLieldyy SY 

tField.width = width; 
tField.defaultTextFormat = tf; 
trField.selectable = false; 
tField.multiline = true; 
tField.wordWrap = true; 


E(t GL es LeftY) 渤 
tField.autoSize = TextFieldAutoSize.LEFT; 
} else { 


tField.autoSize = TextFieldAutoSize.CENTER; 
} 
tField.text = text; 
s.addChilgd(trield); 
return trField; 


} 
scoreField 在 游戏 中 会 一 直 存 在 ， 创 建 后 不 会 重新 创建 ， 也 不 会 被 删除 。 它 只 创建 一 次 ， 
就 一 直 被 放 在 屏幕 的 底部 ， 可 以 使 用 showGameScore 更 新 域 中 的 文本 : 




















/ /更 新 得 分 
public function showGameScore() { 
scoreField.text = "Number of Questions: "+numQuestionsAsked+ 


Number Correct: "+numCorrect,; 


} 


createText 允许 我 们 使 用 一 个 函数 创建 不 同类 型 的 文本 字段 ,同样 地 ，showGameButton 
允许 我 们 创建 不 同 的 按钮 。 它 的 参数 buttonLabel 会 被 设置 为 按钮 中 的 文本 。 然 后 ， 函 数 会 将 
按钮 放置 在 屏幕 上 。 
gameButton 是 一 个 类 的 属性 ， 因 此 我 们 以 后 可 以 使 用 removechi1a 将 其 移 除 。 我 们 给 这 
个 按钮 添加 了 一 个 事件 侦 听 器 ， 当 它 被 单 击 时 会 调用 pressedGameButton 函数 ， 用 来 推进 游 
戏 进程 : 
/ /询问 玩家 是 否 准备 好 开始 下 一 个 问题 
public function showGameButton(buttonLabel:String) { 
gameButton = new GameButton(); 
gameButton.label.text = buttonLabel; 
gameButton.x = 220; 
gameButton.y = 300; 


gameSprite.addChild(gameButton); 
gameButton.addEventListener (MouseEvent .CLICK,pressedGameButton); 








说 明 


使 用 自 顶 向 下 方法 编程 时 ， 你 会 想 测 试 刚刚 写 完 的 代码 。 遗 憾 的 是 ， 上 面 的 代码 会 产生 
一 个 错误 ， 因 为 pressedGameButton 区 数 并 不 存在 。 这 种 情况 下 ， 我 通常 会 创建 

个 傻瓜 式 的 presseqGameButton 因数 ， 里 面 是 空 的 。 这 样 我 就 可 以 先 测试 按钮 是 否 
放 对 了 地 方 ， 而 不 用 考虑 玩家 单 击 按钮 后 发 生 的 事情 。 
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10.2.6 ”推进 游戏 进程 


当 玩家 单 击 按钮 后 ， 游 戏 会 前 进一步 。 大 多 数 时 候 ， 屏 幕 上 会 出 现 一 个 新 的 问题 。 但 是 ， 如 
有 果 问 题 都 问 完 了 ， 游 戏 就 结束 了 。 

首先 , 我 们 将 移 除 前 一 个 问题 。 如 果 这 是 第 一 个 问题 那么 suestionSprite 还 没有 创建 。 
因此 ， 我 们 首先 需要 判断 questionsprite 是 否 存在 ， 只 有 在 它 存在 时 才 将 它 移 除 : 


// 玩 家 准备 就 绪 

public function pressedGameButton(event:MouseEvent) { 
// 移 除 问 题 
if (questionSprite != null) { 


gameSprite.removeChild (questionSprite); 


} 
函数 还 需要 移 除 一 些 东 西 ， 比 如 在 前 一 个 问题 和 下 一 个 问题 之 间 出 现 的 信息 和 按钮 : 
// 移 除 按钮 和 信息 


gameSprite.removeChild(gameButton); 
gameSprite.removeChild(messageField); 


现在 我 们 必须 判断 是 否 所 有 问题 都 已 经 答 完 。 如 果 是 的 ， 就 跳 转 到 游戏 结束 帧 。 由 于 已 经 移 
除了 之 前 的 问题 、 信 息 和 按钮 , 屏幕 这 时 候 已 经 变 成 空白 了 。 
如 果 还 有 问题 ， 就 调用 askQuestion 来 显示 下 一 个 问题 : 
/ /请求 下 一 个 问题 


if (gquestionNum >= dataXxXML.child("*").length()) { 
gotoAndSstop ("gameover"); 

} else { 
askQuestion(); 


} 
} 


10.2.7 显示 问题 和 答案 


askouestion 国 数 会 从 问答 数据 中 获取 下 一 个 问题 然后 显示 出 来 。 它 将 创建 的 所 有 元 素 放 
入 auestionSprite 中 ， 便 于 以 后 删除 。 图 10-3 展示 了 一 个 问题 显示 后 的 界面 。 





图 10-3 ”问题 和 4 个 答案 显示 在 auestionSprite 中 ， 占 据 了 屏幕 中 间 大 部 分 空间 
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// 设 置 问题 

public function askQuestion() { 
/ /准备 新 问题 的 Sprite 
questionSprite = new Sprite(); 
gameSprite.addChild(gquestionSprite); 


问题 的 内 容 会 出 现在 屏幕 顶部 的 一 个 文本 字段 中 : 
/ /创建 问题 的 文本 字段 


Var question:String = dataXML.item[questionNum] .question; 
questionField = createText (guestion,questionFormat,questionSsprite,0,60,550); 


在 放置 答案 之 前 , 需要 打 乱 它们 的 顺序 。 原 始 数 据 中 的 第 一 个 答案 是 正确 答案 , 我们 将 正确 
答案 存 一 份 在 correctAnswer 中 。 然 后 ， 调 用 shuffleAnswers 得 到 存 有 所 有 答案 的 数组 ， 


只 是 里 面 的 顺序 被 打 乱 了 : 
/7 创建 答案 的 Sprite， 得 到 正确 的 答案 ， 然 后 随机 排列 所 有 的 答案 


CorrectAnswer = dataXML.item[questionNum] .answers.answer[0]; 
answers = shuffleAnswers (dataXML.item[lquestionNum] .answers); 


答案 放 在 cuestionSprite 的 一 个 子 Sprite 中 , 称 为 answerSprites。 对 每 个 答案 ， 都 会 
创建 一 个 文本 字段 和 一 个 circle。circle 对 象 会 使 用 不 同 的 字母 ， 从 A 到 D。 前 面 说 过 , 文 
本 和 circle 都 放 在 同样 的 位 置 , 但 是 因为 Circle 会 放 在 它 的 注册 点 的 左边 ,所 以 看 上 去 文本 
内 容 在 右边 。 

文本 和 Circle 会 绑 在 同一 个 Sprite 中 , 这 个 Sprite 会 被 附加 一 个 CLICK 击 侦 听 器 , 这 样 它 
就 表现 得 和 按钮 一 样 了 : 

// 将 每 个 答案 放 进 一 个 新 的 Sprite 中 ， 并 添加 一 个 Circle 

answerSprites = new Spritel(); 

for (var i:int=0;i<answers.length;i++) { 
Var answer:String = answers[il]; 
Var answerSprite:Sprite = new Sprite(); 
Var letter:String = String.fromCharCode(65+i); //A~D 
Var answerField:TextField = 

createText (answer,answerFormat,answerSprite,0,0,450); 

var circle:Circle = new Circle(); // 从 库 中 得 到 
circle.letter.text = letter; 
answerSprite.x = 100; 
answerSprite.y = 150+i*50; 
answerSprite.addChild(circle); 
answerSprite.addEventListener (MouseEvent .CLICK,clickAnswer); 
answerSprite.buttonMode = true; 
answerSprites.addChild(answerSprite); 


3 





} 


questionSprite.addChild(answerSprites); 


说 明 


为 了 将 数字 转换 为 字母 , 使 用 了 String .fromCharCode (65+1)。 它 会 将 65 转 成 A， 
66 变 成 B， 后 面 依次 类 推 。 
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shuffleAnswers 国 数 的 参数 是 XMLList ， 该 参数 是 调用 dataXML.item[question- 
Num] .answers 返回 的 结果 。shuffleAnswers 国 数 会 遍历 XMLList 列表 , 每 次 从 中 随机 移 除 
一 个 元 素 ， 然 后 将 移 除 的 元 素 放 在 答案 数组 中 。 最 后 返回 随机 存储 的 答案 数组 : 

// 获 取 所 有 的 答案 ， 并 将 其 随机 放置 在 数组 中 


public function shuffleAnswers (answers:XMLList) { 
Var shuffledAnswers:Array = new Array(); 
while (answers.child("*").length() > 0) { 
var r:int = Math.floor(Math.random()*answers.child("*").length()); 
shuffledAnswers.push(answers.answerl[r]); 
delete answers.answerl[r]; 


} 


return shuffledAnswers; 


10.2.8 判断 玩家 的 答案 


到 目前 为 止 ， 我 们 编写 的 函数 已 经 能 将 问题 显示 出 来 了 。 现 在 ， 玩 家 面前 已 经 出 现 了 问题 ， 
如 前 面 的 图 10-3 所 示 。 

当 玩 家 单 击 4 个 答案 中 的 一 个 时 ， 会 调用 clickaAnswer 国 数 。 这 个 国 数 首 先 会 取出 选中 答 
案 的 文本 。 该 文本 字段 是 currentTarget 的 第 一 个 子 节点 ， 所 以 ， 这 里 将 text 属性 取出 ， 放 
进 selectedAnswer 中 。 

然后 , 将 它 与 存储 着 的 correctAnswer 进行 比较 。 如 果 玩 家 答对 了 , numCorrect 会 加 1。 
同时 ， 会 出 现 一 个 文本 信息 提醒 你 答对 与 否 : 


/ /玩家 选择 一 个 答案 
public function clickAnswer (event:MouseEvent) { 





// 得 到 选中 的 文本 并 比较 
Var selectedAnswer = event.currentTarget .getChildAt (0) .text; 
if (selectedAnswer == correctAnswer) { 
numCorrect++; 
messageField = createText ("You got it!", 
questionFormat,gameSprite,0,140,550); 
} else { 
messageField = createText ("Incorrect! The correct answer was:", 
questionFormat,gameSprite,0,140,550); 
} 
finishQuestion(); 


} 

然后 函数 会 调用 finishouestion 检查 所 有 的 答案 。finishouestion 国 数 会 遍历 每 一 个 
Sprite。 正 确 答案 会 被 移动 到 屏幕 的 中 央 。 所 有 事件 侦 听 器 也 会 被 移 除 。 其 余 答案 会 被 设 为 不 可 
见 。 图 10-4 展示 了 这 时 的 屏幕 。 
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图 10-4 正确 答案 被 移 到 了 屏幕 中 央 ， 并 且 还 显示 一 条 新 信息 


public function finishouestion() { 
// 移 除 所 有 不 正确 的 答案 
for(var i:int=0;i<4;i++) { 
answerSprites.getChilgdAt (i) .removeEventListener (MouseEvent .CLICK,clickAnswer); 


if (answers[i] != correctAnswer) { 
answerSprites.getChildAt (i) .visible = false; 
} else { 


answerSprites.getChildAt (i).y = 200; 
} 


} 
得 分 和 questionNum 也 需要 更 新 。 然 后 ， 创 建 一 个 新 按钮 ， 按 钮 名 为 Continue。 可 以 在 
图 10-4 中 看 到 这 个 按钮 ; 
// 下 一 个 问题 


questionNum++; 
numOuestionsAsked++; 
ShowGameScore () ; 
ShowGameButton("Continue" ) 





} 
clickAnswer 函数 创建 的 按钮 是 进入 下 一 个 问题 的 入 口 。 当 玩家 单 击 该 按钮 后 ， 会 调用 
pressGameButton 函数 ， 它 会 让 游戏 转 入 下 一 个 问题 ， 或 者 直接 结束 游戏 。 


10.2.9 结束 游戏 


游戏 结束 帧 有 一 个 Play Again (重新 开始 ) 按钮 ， 它 会 将 玩家 带 回 到 游戏 开始 界面 。 但 在 重 
新 开始 之 前 ， 它 需要 调用 cleanUp 国 数 将 游戏 清理 干净 ， 
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/ /清理 Sprite 

public function cleanUp() { 
removeChild(gameSprite); 
gameSprite = null; 
questionSprite = null; 
answerSprites = null; 
QataXML = null; 

} 


现在 ,游戏 已 经 准备 好 ， 可 以 开始 玩 了 。 
对 于 那些 只 需要 简单 功能 的 网 站 和 产品 来 说 , 这 个 简单 的 问答 游戏 已 经 够 用 了 。 但 是 如 果 要 
一 个 功能 更 加 完善 的 游戏 ， 我 们 还 应 该 增加 许多 东西 。 

















10.3 问答 游戏 豪华 版 


源 文 件 
http://flashgameu.com 


A3GPU210_TriviaGameDeluxe.zip 


为 了 让 游戏 变 得 更 加 刺激 、 更 有 挑战 性 ， 我 们 需要 对 游戏 进行 改进 ， 增 加 一 些 新 的 特性 。 

首先 ， 要 设置 一 个 回答 问题 的 时 间 限 制 。 大 多 数 展示 和 测试 类 游戏 都 有 时 间 限 制 。 

其 次 ,增加 一 个 Hint (提示 ) 按钮 ， 这 样 玩 家 就 可 以 得 到 一 点 额外 的 帮助 。 有 两 种 类 型 的 提 
示 ， 我 们 会 研究 如 何 添加 它们 。 

再 次 , 我们 会 通过 在 每 个 问题 后 面 增加 一 些 额 外 的 信息 ， 让 游戏 拥有 信息 量 。 这 会 让 游戏 更 
有 教育 意义 。 这 些 信息 可 以 扩展 玩家 在 回答 问题 时 学 到 的 东西 。 

最 后 , 我 们 会 修改 积分 系统 。 必 须 将 玩家 回答 问题 用 的 时 间 , 还 有 玩家 是 否 使 用 了 提示 考虑 











进去 。 
作为 额外 奖励 ， 我 们 会 使 用 一 个 大 型 的 问答 资料 库 ， 但 是 只 随机 选用 10 个 问题 。 这 样 可 以 
让 测试 每 次 都 不 一 样 。 





10.3.1 添加 时 间 限 制 





为 了 给 游戏 添加 时 间 限 制 ， 我 们 需要 在 玩家 回答 问题 时 显示 时 间 。 我 们 可 以 创建 一 个 独立 
的 影片 剪辑 对 象 。 这 个 Clock 对 象 可 以 是 任何 能 够 显示 时 间 的 东西 : 时 钟 正面 、 文 本 或 其 他 
元 素 。 

在 本 例 中 ， 我 会 设置 一 个 26 帧 的 影片 剪辑 。 所 有 的 帧 中 包含 25 个 圆圈 。 从 第 2 帧 开始 ， 每 
一 帧 都 会 填充 一 个 圆圈 。 所 以 , 在 第 1 帧 ，253 个 圆 都 是 空心 的 。 在 第 26 帧 ， 所 有 圆圈 都 填 满 了 。 
图 10-5 展示 了 这 个 Clock 影片 剪辑 。 
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图 10-5 Clock 剪辑 的 第 15 帧 ， 填 充 了 14 个 圆圈 
我 们 使 用 一 个 计时 器 来 计算 秒 数 。 我 们 需要 将 它 添加 到 import 语句 中 : 


Import flash.utils.Timer; 

下 面 ， 我 们 将 增加 一 个 Clock 对 象 : 
private Var clock:Clock; 

还 有 一 个 计时 器 : 

private var questionTimer:Timer; 


在 askouestion 函数 中 ,我们 需要 添加 Clock 对 象 ， 然 后 启动 计时 器 : 
/ /设置 新 的 Clock 对 象 


clock = new Clock(); 

lock,X = 27} 

SeloGksY E/T 

questionSprite.addChild(clock); 

questionTimer = new Timer (1000,25); 
questionTimer.addEventListener (TimerEvent .TIMER,updateClock); 
questionTimer.start (); 


Clock 对 象 会 被 放 在 屏幕 下 方 。 事实 上 ,我 们 需要 将 游戏 的 高 度 增 加 一 点 ,将 元 素 向 下 移 
动 一 点 ， 以 适应 增加 的 Clock 对 象 ， 以 及 接 下 来 要 增加 的 其 他 元 素 。 图 10-6 展示 了 这 个 新 的 
布局 。 
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TriviaGameDeluxe.swf 





[4 
图 10-6 增加 了 clock 后 ， 下 面 还 留 有 一 些 空间 ， 给 其 他 特性 使 用 


说 明 


使 用 25 个 圆圈 表示 时 钟 完 全 是 随意 的 。 你 可 以 使 用 任何 26 帧 的 序列 作为 一 个 影片 剪辑 ， 
然后 使 用 它 ( 如 秒表 或 进度 条 ) 。 你 甚至 不 需要 25 个 独立 的 元 素 。 还 可 以 方便 地 车 换 成 
5 个 一 组 变化 ， 然 后 在 时 间 轴 上 修改 。 























每 一 秒 都 会 调用 一 次 updateClock 函数 。Clock 影片 剪辑 会 移动 一 帧 。 当 时 间 到 了 以 后 ， 
会 显示 一 条 信息 并 调用 finishouestion， 就 好 像 玩 家 单 击 了 一 个 答案 一 样 : 
// 更 新 时 钟 


public function updateClock(event :TimerEvent) { 
clock.gotoAndSsStop(event.target.currentCount+1);} 
if (event.target.currentCount == event.target.repeatCount) { 
messageField = createText ("Out of time! The correct answer was:", 
questionFormat,gameSprite,0,190,550); 
finishQuestion(); 
} 
} 


现在 玩家 在 两 种 情况 下 会 被 视 为 答 错 题 : 单 击 一 个 错误 答案 或 超时 。 
10.3.2 ”添加 提示 


你 可 能 已 经 注意 到 ， 在 XML 样 例文 件 中 ， 每 一 个 问题 条 目下 面 都 包含 着 一 个 提示 和 一 个 额 
外 的 信息 数据 。 我 们 现在 终于 开始 使 用 它们 中 的 一 个 了 。 
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为 了 给 游戏 增加 一 些 简单 的 提示 ， 我 们 需要 在 每 个 问题 后 面包 含 一 个 Hint 按钮 。 在 玩家 单 
击 它 后 ， 就 会 出 现 一 些 文本 提示 信息 。 

实现 这 个 功能 还 需要 一 些 东 西 。 首 先 , 我 们 在 类 定义 中 增加 一 个 hintFormat， 跟 在 文本 变 
量 定义 后 面 : 

private var hintFormat :TextFormat; 

然后 ， 我 们 在 构造 函数 中 设置 这 个 格式 : 

hintFormat = new TextFormat ("Arial",14,0x330000, true, false, false,null,null, "center"); 

我 们 还 会 在 类 的 变量 列表 中 增加 一 个 hintButton， 跟 在 其 他 的 Sprite 和 对 象 定 义 后 面 : 

private var hintButton:GameButton; 


在 askQuestion 函数 中 , 我 们 将 创建 新 的 Hint 按 钮 , 并 放 在 最 后 一 个 管 案 下 面 , 如 图 10-7 所 示 。 


/ /放置 Hint 按钮 
hintButton = new GameButton(); 
hintButton.label.text = "Hint"; 


hintButton.x = 220; 

hintButton.y = 390; 

gameSprite.addChild(hintButton); 
hintButton.addEventListener (MouseEvent .CLICK,pressedHintButton); 


TriviaGameDeluxe.swf 





图 10-7 Hint 按 钮 位 于 底部 
玩家 单 击 按钮 后 ,按钮 就 会 被 移 除 。 在 它 的 位 置 上 会 出 现 一 个 新 的 文本 字段 ,格式 设置 为 小 
文本 格式 hintFormat: 


// 玩 家 想 要 提示 
public function pressedHintButton(event:MouseEvent) { 
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// 移 除 按钮 


gameSprite.removeChild(hintButton); 
nintButton = HUuULLy 


/ /显示 提示 
Var hint:String = dataXML.item[questionNum] .hint; 
Var hintField:TextField = createText (hint,hintFormat,questionSprite,0,390,550); 


} 
我 们 也 希望 在 finishouestion 函数 中 使 用 *emovechila 语句 ， 首 先 判 断 hintButton 
是 否 存 在 ， 如 果 存 在 的 话 就 在 玩家 点 击 时 将 它 移 除 : 


// 移 除 Hint 按钮 
生生， (mintButton Ts nullL)y + 
gameSprite.removeChild (hintButton); 


} 

移 除 这 个 按钮 ， 可 以 防止 玩家 在 回答 问题 以 后 再 次 单 击 它 。 

这 就 是 显示 提示 这 个 功能 需要 做 的 所 有 工作 。 因 为 hintFielaq 是 auestionsprite 的 一 
部 分 ， 它 会 在 玩家 完成 回答 后 随 着 questionSprite 一 起 被 清除 。 图 10-8 展示 了 当 玩 家 单 击 
Hint 按钮 后 出 现 的 提示 信息 。 


@ee TriviaGameDeluxe.swf 














现在 按钮 的 位 置 


4l 
pr 


图 10-8 提示 


说 明 

怎样 才能 写 好 提示 ? 写 提示 比 写 问 题 和 答案 更 难 。 你 不 想 直 接 暴露 答案 ， 但 是 又 想 帮 助 
玩家 。 通 常 最 好 的 方式 是 给 一 个 指向 答案 的 提示 ， 但 是 用 不 同 的 表达 方式 。 比 如 ， 如 果 
问题 是 关于 州 首府 的 ， 而 答案 是 卡 森 城 (内华达 州 ) ， 那 么 提示 可 以 是 “同时 也 是 长 期 主 
持 《 今 夜 秀 》 (Tonight Show) 节目 的 主持 人 的 名 字 ”。 
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10.3.3 添加 事实 描述 


在 问题 的 后 面 添加 一 个 额外 的 事实 相对 来 说 比较 容易 ， 这 个 事实 有 时 也 被 称 为 事实 描述 
(factoid) 。 它 的 功能 和 提示 类 似 ， 但 是 它 只 在 玩家 回答 了 问题 后 自动 出 现 。 

不 需要 给 它 增 加 新 的 变量 。 事 实 上 , 我 们 需要 的 只 是 一 个 回答 完 问题 后 自动 弹出 的 文本 字段 。 
代码 添加 在 finishouestion 函数 中 : 

/ /显示 事实 描述 


Var fact:String = dqataXML. item[dquestionNum] .fact; 
Var factField:TextField = createText (fact,hintFormat,questionSprite,0,340,550); 


因为 新 的 文本 字段 是 suestionSprite 的 一 部 分 ， 所 以 它 会 同时 被 清除 。 我 们 在 这 个 文本 
字段 上 也 使 用 了 hintFormat， 而 不 是 单独 创建 一 个 新 的 文本 格式 。 图 10-9 展示 了 结果 。 





@ee TriviaGameDeluxe.swf 





图 10-9 ”在 玩家 回答 了 问题 后 显示 事实 描述 


在 决定 事实 描述 的 位 置 时 ， 我 特地 保证 了 提示 和 事实 描述 能 够 共存 。 如 果 玩家 选择 了 提示 ， 
那么 在 答 完 问题 后 提示 还 在 屏幕 上 ， 只 是 在 事实 描述 的 正 下 方 。 


10.3.4 添加 复杂 的 计 分 方式 


之 前 的 提示 函数 和 时 钟 计时 存在 的 问题 是 ， 使 用 提示 或 超时 ， 玩 家 只 受到 很 小 的 损失 。 

为 了 让 游戏 更 具 挑 战 性 , 需要 在 使 用 提示 时 扣除 一 定 的 分 数 。 此 外 ,玩家 回答 问题 的 速度 也 
会 影响 总 得 分 。 

为 了 完成 这 些 改变 , 我 们 引入 了 两 个 新 变量 。 它 们 可 以 放 在 变量 定义 的 任何 地 方 , 不 过 最 好 
是 和 游戏 状态 变量 的 定义 放 在 一 起 。 这 两 个 变量 会 记录 当前 问题 的 分 值 , 以 及 玩家 到 目前 为 止 的 
得 分 : 
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private Var questionPoints:int; 


private Var gameScore:int; 


在 startTriviaGame 国 数 中 ,我们 在 调用 showGameScore 国 数 之 前 将 gameScore 设 为 0: 


gameScore = 0; 


showGameScore 国 数 被 灰 换 为 一 个 新 的 版 本 。 它 会 显示 当前 问题 的 分 值 以 及 玩家 的 得 分 情况 : 


public function ShowGameScore () { 


if (questionPoints != 0) 
scoreField.text = 


{ 


"Potential Points: "+questionPoints+"\t Score: "+gameScore; 


} else { 
scoreField.text = 


"Potential Points: ---\t Score: "+gameScore; 


说 明 


scoreField.text 

















字段 。 














的 \t 表示 一 个 tab 字符 。 在 文本 字段 中 使 用 tab， 可 以 保证 两 部 











分 文本 保持 相同 的 间隔 ， 
两 个 独立 的 文本 字段 要 简单 。 如 果 想 完全 控制 这 些 数 字 的 显示 ,可 以 使 用 两 个 独立 的 文本 





即使 它们 的 数字 长 度 不 一 致 。 这 个 解决 万 法 虽 不 完美 , 但 比 创建 








图 10-10 显示 了 屏幕 底部 新 的 计 分 方式 。 





图 10-10 ”之 前 的 问题 数量 和 回答 正确 的 数量 已 经 被 禁 换 ， 
换 为 了 当前 问题 的 分 值 和 玩家 的 得 分 
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由 于 现在 showGameScore 国 数 更 新 当前 问题 的 分 值 和 总 得 分 ， 我 们 会 经 常 调用 它 。 每 当 
questionScore 变化 时 ， 我 们 都 需要 调用 showGameScore， 让 玩家 知道 新 的 值 。 

如 果 questionScore 为 0, 我 们 会 显示 --- 而 不 是 0。 这 可 以 清楚 地 显示 出 , 在 问题 与 问题 
之 间 ， 当 前 问题 的 分 值 是 没有 任何 意义 的 。 

在 askQuestion 函数 中 ,我 们 将 当前 问题 的 分 值 设 为 1000: 


// 从 最 大 分 值 开始 
questionPoints = 1000; 
ShowGameScore () ; 


) 
然后 ， 随 着 时 间 的 流逝 ,分 值 不 断 减 小 。 这 个 过 程 在 updatecClock 函数 中 完成 。 每 当 一 个 
圈 被 填充 时 ， 都 会 从 当前 分 值 中 减 去 25 分: 


/ /减少 分 值 
questionPoints -= 25; 
showGameScore(); 


此 外 ， 当 玩家 请 求 提示 时 ， 分 值 也 会 减少 。 请 求 提示 会 损失 300 分 : 
/ /提示 的 损失 


questionPoints -= 300; 
ShowGameScore () ; 


当然 ， 玩 家 获取 分 数 的 唯一 办 法 就 是 答对 问题 。 所 以 ， 可 以 将 加 分 过 程 放 在 clickAnswer 
中 的 合适 位 置 : 

gameScore += questionPoints; 

不 需要 在 这 里 调用 showGameScore， 因 为 它 会 在 finishouestion 函数 后 面 立 即 被 调用 。 
事实 上 ， 这 里 我 们 要 将 questionPoints 设 为 0: 


questionPoints = 0; 
ShowGameScore () ; 


可 以 保留 底部 原 有 的 积分 文本 字段 , 而 将 当前 的 分 值 和 总 得 分 放 在 另 一 个 文本 字段 中 。 这 样 ， 
玩家 就 可 以 看 到 所 有 的 统计 数据 。 

影片 TriviaGameDeluxe.fla 和 TriviaGameDeluxe.as 将 这 些 数据 保存 在 了 numCorrect 和 
numouestionAsked 中 ， 不 过 并 没有 使 用 它们 。 











10.3.5 ”随机 选择 问题 


在 玩 问答 游戏 时 ， 你 可 能 不 希望 回答 和 其 他 人 一 样 的 问题 。 这 可 以 通过 更 改 游戏 来 实现 。 

如 果 希 望 每 次 的 问题 都 不 一 样 ,而 且 游 戏 是 基于 网 页 的 ,那么 最 好 在 服务 器 端 创建 一 个 随机 
的 XML 文档 保存 问答 数据 ， 这 些 数据 从 一 个 大 型 数据 库 中 获取 。 

不 过 ， 如 果 你 希望 简单 点 ， 只 要 从 一 个 小 问题 集中 随机 选择 一 些 来 回答 ， 那 么 可 以 通过 
ActionScript 来 完成 。 

当 读 入 XML 文档 后 ， 这 些 原 始 数据 会 被 处 理 ， 选 择 一 部 分 随机 放 入 一 个 小 的 XML 文档 。 
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新 的 xmlLoaded 函数 开头 看 起 来 会 像 下 面 这 样 : 


public function xmlLoaded(event:Event) { 
Var tempXML:XML = XML (event .target .data); 
dataXML = selectQuestions (tempXML,10); 


selectedQuestions 函数 获取 完整 的 数据 集 ， 然 后 返回 其 中 的 部 分 问题 。 它 会 从 原始 的 
XML 文档 中 随机 选择 一 些 item 节点 ， 然 后 创建 一 个 新 的 XML 对 象 : 


// 随 机 选择 一 些 问题 
public function selectQuestions(allXML:XML, numToChoose:int):XML { 





/ /创建 一 个 新 的 XML 对 象 ， 用 来 保存 问题 


Var chosenXML:XML = <trivia></trivia>; 


// 遍 历 ， 一 直到 数量 够 了 为 目 
while(chosenxML.child("*").length() < numToChoose) { 


// 随 机 选择 一 个 ， 然 后 移入 新 对 象 
Var r:int = Math.floor(Math.random()*allxML.child("*").length()); 
chosenXML .appendChild(allxML.item[r] .copy ()); 


// 从 原 有 XML 中 移 除 
delete allxML.iteml[r]; 
} 


// 返 回 
return chosenXML; 


} 

对 于 简单 的 游戏 来 说 , 这 个 随机 选择 和 排序 方式 都 是 很 方便 的 。 但 是 , 如 果 有 100 多 个 问题 ， 
你 就 不 希望 影片 每 次 都 读 入 这 么 大 一 个 XML 文档 了 。 我 强烈 建议 使 用 服务 器 端的 解决 方案 。 如 
果 你 没有 服务 器 端的 编程 经 验 ， 可 以 与 会 的 人 合作 或 雇 一 个 人 。 


10.4 图 片 问答 游戏 


源 文件 
http://flashgameu.com 


A3GPU210_PictureTriviaGame.zip 


并 不 是 所 有 的 问答 游戏 都 可 以 只 用 文本 的 。 有 时 候 图 片 是 更 好 的 选择 。 比 如 ， 如 果 你 希望 测 
试 某 人 的 几何 知识 ， 基 于 文本 的 问答 就 不 一 定 能 表达 你 的 测试 意图 。 

将 我 们 的 问答 游戏 变 为 基于 图 像 的 游戏 , 并 不 是 那么 困难 。 我 们 只 需要 对 屏幕 进行 重新 布局 ， 
然后 从 外 部 导入 一 些 图 像 文件 。 问 答 游戏 的 主体 部 分 可 以 保持 不 变 。 


10.4.1 更 好 的 答案 布局 
导入 图 像 之 前 ， 我 们 需要 对 答案 在 屏幕 上 的 布局 作 一 些 改进 。 在 图 10-11 中 ， 答 案 以 2x2 
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的 方式 排列 ， 而 不 是 之 前 的 4 行 的 形式 。 
这 里 给 图 像 预 留 了 大 约 250 x 100 像素 的 空间 。 所 以 ， 导 入 的 图 像 的 尺寸 最 好 在 200 x 80， 
这 样 就 不 会 和 其 余 的 按钮 混在 一 起 。 


目 上 日 日 PictureTriviaGame.swf 





图 10-11 答案 现在 排 成 了 2 行 2 列 的 形式 


完成 这 个 改变 只 需要 在 askQuestion 函数 中 作 一 些 修改 。 变 量 xpos 和 ypos 会 从 (0,0) 开 
始 跟 踪 当 前 的 位 置 。 然 后 , 给 xpos 增加 1 就 会 向 右 移动 。 然 后 ，xpos 被 重 设 为 0，ypos 增加 。 
这 样 就 得 到 了 4 个 位 置 , 分 别 为 (0,0)、(1,0)、(0,1) 和 (1,1)。 对 应 的 屏幕 位 置 是 (100,150)、(350,150)、 
(100,2$0) 和 (3S0,250)。 





说 明 


因为 我 们 在 后 面 还 会 对 代 人 码 进 行 一 些 修改 ， 所 以 下 面 的 代码 和 最 终 的 
PictureTriviaGame.as 中 的 不 一 样 。 




















/ /将 每 个 答案 和 一 个 Circle 放 入 一 个 Sprite 中 

answerSprites = new Spritel(); 

var Xxpossint = 0; 

Var ypos:int = 0; 

for(var i:int=0;i<answers.length;i++) { 
Var answer:String = answers[il]; 
Var answerSprite:Sprite = new Sprite(); 
Var letter:String = String.fromCharCode(65+i); //A~D 
Var answerField:TextField = createText (answer,answerFormat,answerSprite,0,0,200); 
var circle:Circle = new Circle(); // 从 库 中 得 到 
circle.letter.text = letter; 
answerSprite.x = 100+xpos*250; 
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answerSprite.y = 150+ypos*100; 


XPOS++ 

if (xpos > 1) { 
XDCS = 0 
ypos += 1; 


} 

answerSprite.addChild(circle); 
answerSprite.addEventListener (MouseEvent .CLICK,clickAnswer); // 变 成 一 个 按钮 
answerSprites.addChild(answerSprite); 


这 个 修改 很 有 用 ， 让 答案 排列 得 更 有 意思 了 ， 而 不 像 之 前 那样 将 4 个 一 路 排 下 来 。 
10.4.2 ”识别 两 种 类 型 的 答案 


这 里 的 目标 不 仅仅 是 将 图 像 作为 答案 ， 而 是 允许 将 文本 和 图 像 混合 起 来 。 所 以 ， 我 们 需要 
XML 文件 指出 答案 是 什么 类 型 的 。 这 可 以 通过 给 XMI 添加 一 个 答案 的 特性 来 实现 : 








<item> 
<question type="text">Which one is an equilateral triangle?</question> 
<answers> 
<answer type="file">equilateral.swf</answer> 
<answer type="file">right.swf</answer> 
<answer type="file">isosceles.swf</answer> 
<answer type="file">scalene.swf</answer> 
</answers> 
</item> 





为 了 决定 答案 应 该 显示 为 文本 ， 还 是 需要 从 外 部 导入 文件 ， 我 们 只 需要 看 一 下 type 属性 。 
下 面 ， 我 们 会 修改 代码 来 完成 这 些 工作 。 


10.4.3 ”创建 Loader 对 象 


在 shuffleAnswers 函数 中 ,我 们 从 XML 对 象 中 构建 一 个 答案 的 随机 排列 数组 。 这 些 答 
案 的 文本 存储 在 数组 中 。 但 是 , 现在 我 们 需要 同时 存储 答案 的 文本 和 类 型 。 所 以 ， 为 数组 添加 答 
案 的 行 改 成 下 面 这 样 : 

shuffledAnswers.push({type: answers.answerl[r].@type, value: answers.answerl[r]}); 

现在 ， 当 我 们 创建 答案 时 ， 需 要 判断 答案 是 文本 还 是 图 像 。 如 果 是 图 像 ， 我 们 需要 创建 一 个 
Loader 对 象 。 这 就 像 一 个 从 库 里 取出 的 影片 剪辑 一 样 ， 只 是 我 们 还 需要 给 它 附加 一 个 URL- 
Request， 然 后 使 用 1oad 指令 从 外 部 文件 中 履 取 影片 剪辑 的 内 容 : 


Var answerSprite:Sprite = new Sprite(); 
if (answers[i].type == "text") { 
Var answerField:TextField = 
createText (answers [i] .value,answerFormat,answerSprite,0,0,200); 





} else { 
Var answerLoader:Loader = new Loader(); 
Var answerRequest :URLRequest = new URLRequest ("triviaimages/"+answers[i] .value); 
answerLoader.load (answerRequest); 
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answerSprite.addChild(answerLoader); 
} 


上 述 代 码 假设 所 有 的 图 像 都 在 文件 夹 triviaimages 中 。 
Loader 对 象 会 自动 处 理 。 当 你 用 lo0aGd 指令 使 Loader 对 象 起 作用 时 ， 它 们 从 服务 器 获取 
文件 ， 然 后 出 现在 指定 位 置 上 。 不 需要 在 导入 完成 时 跟踪 它们 。 


说 明 


要 将 这 个 例子 和 之 前 影片 中 的 Clock 函数 结合 起 来 ， 还 需要 作 一 些 额 外 的 工作 。 如 果 
一 些 答案 还 没有 出 现 ， 就 开始 计时 了 ， 是 不 是 不 公平 ? 所 以 ， 你 需要 侦 听 每 个 Loader 
的 Event .COMPLETE 事件 ， 只 有 在 答案 全 部 显示 后 才 开 启 时 钟 。 



































图 10-12 展示 了 从 外 部 导入 4 个 影片 剪辑 作为 答案 的 情形 。 





图 10-12 ”外 部 影片 替换 了 原先 答案 中 的 文本 


10.4.4 判断 正确 答案 


之 前 我 们 根据 答案 中 的 text 属性 来 判断 玩家 是 否 选择 了 正确 的 答案 。 现 在 我 们 不 能 这 样 做 
了 ， 因 为 Loader 对 象 中 不 像 文本 字段 一 样 有 text 属性 。 这 里 ， 我 们 会 发 现在 answersprite 
中 的 第 二 个 对 象 是 动态 创建 的 circle。 所 以 ， 我 们 可 以 给 它 添加 一 个 answet 属性 ， 然 后 将 答 
案 保存 在 上 面 : 


circle.answer = answers[il].value; 
然后 ， 在 clickAnswer 函数 中 ， 我 们 会 查看 这 个 新 的 answer 属性 ， 来 判断 玩家 是 否 单 击 
了 正确 的 答案 : 


Var selectedAnswer = evVent .CuUrrentTarget .getChildAt (1) .answer; 
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注意 到 Circle 是 answerSprite 中 的 编号 为 1 的 子 节点 。 之 前 ， 我 们 已 经 看 到 编号 为 0 
的 子 节 点 是 文本 字段 。 

另 一 个 变化 是 当 玩家 作出 选择 时 ， 为 正确 答案 设置 合适 的 位 置 。 之 前 ， 答 案 都 排 成 了 一 列 ， 
它们 的 x 坐标 都 是 一 样 的 。 所 以 当 我 们 需要 将 正确 答案 居中 时 ， 只 需要 设置 answerSprite 的 
y 值 。 但 是 ,现在 正确 答案 可 能 在 左边 或 者 右边 , 我 们 还 需要 设置 x 值 .下 面 是 finishQuestion 
函数 中 新 的 代码 : 


answerSprites.getChildAt (i).x 
answerSprites.getChildAt (i).y 


10.4.5 ”扩展 单 击 区 域 


完成 回答 之 前 ,还 有 一 个 问题 要 解决 。 如 果 答 案 是 文本 的 ,玩家 可 以 单 击 Circle 或 者 文本 
字段 来 提交 答案 。 但 是 ， 如 果 答 案 是 导入 的 影片 ， 那 就 没有 什么 可 以 单 击 的 了 。 在 图 10-12 中 ， 
答案 是 由 一 些小 线条 构成 的 三 角形 。 

为 了 点 中 答案 ,玩家 必须 单 击 Circle 或 其 他 图 形 元 素 。 但 是 ,它们 应 该 能 够 通过 单 击 答案 
的 各 个 部 分 来 选中 答案 。 

对 于 这 个 问题 ,一 个 快速 的 解决 方法 是 在 每 个 答案 所 在 的 Sprite 中 放 一 个 实心 矩形 。 它 们 都 
有 实心 的 颜色 ,但 是 将 透明 度 设 为 了 0， 变 得 不 可 见 : 


/ /设置 一 个 更 大 的 单 击 区 域 
answerSprite.graphics.beginFill (OxFFFFFF,0); 
answerSprite.graphics.drawRect (-50, 0, 200, 80); 


图 10-13 展示 了 每 个 答案 后 面 的 图 形 。 这 里 我 将 透明 度 从 0 改 为 了 0.5， 这 样 就 可 以 看 到 这 
个 矩形 。 


100; 
200; 




















PictureTriviaGame.swf 





图 10-13 每 个 答案 后 面 画 了 一 个 矩形 
现在 玩家 能 够 单 击 每 个 答案 的 区 域 了 。 
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10.4.6 ”将 图 像 作为 问题 


除了 将 图 像 用 于 答案 以 外 ， 你 也 可 以 将 图 像 用 于 问题 。 我 们 使 用 同样 的 方式 来 实现 ， 即 在 
XML 中 使 用 type 属性 : 


<item> 
<question type="file">italy.swf</question> 
<answers> 
<answer type="text">Italy</answer> 
<answer type="text">France</answer> 
<answer type="text">Greece</answer> 
<answer type="text">Fenwick</answer> 
</answers> 
</item> 


因为 问题 不 是 动态 元 素 ， 所 以 可 以 方便 地 将 这 个 改动 添加 到 ActionScript 中 。 我 们 只 需要 用 
Loader 对 象 来 替换 文本 字段 。 下 面 是 对 askQuestion 的 改动 : 


/ /创建 问题 的 文本 字段 
var question:String = dataxML.item[questionNum] .question; 
if (dqataXML .item[dquestionNum] .question.@type == "text") { 
questionField = createText (guestion,questionFormat,questionSsprite,0,60,550); 
} else { 


Var questionLoader:Loader = new Loader (); 

Var questionRequest:URLRequest = new URLRequest ("triviaimages/"+question); 
questionLoader.load(gquestionRequest); 

questionLoader.y = 50; 

questionSprite.addChild (questionLoader); 


} 
图 10-14 中 的 题目 采用 了 外 部 图 像 作为 问题 ， 而 答案 使 用 了 文本 。 当 然 ， 也 可 以 将 问题 和 4 
个 答案 都 用 外 部 文件 来 显示 。 








图 10-14 ”问题 使 用 了 外 部 的 Flash 影片 ， 但 是 4 个 答案 是 文本 
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图 10-14 演示 了 如 何 使 用 外 部 文件 来 显示 问题 和 答案 ,但 这 并 不 意味 着 它们 必须 是 图 画 或 图 
像 。 它 们 也 可 以 包含 文本 。 有 时 候 ， 比 如 在 数学 测验 中 ,需要 显示 很 多 复杂 的 分 数 、 指 数 或 符号 。 


10.4.7 ”修改 游戏 


不 管 如 何 改进 程序 和 界面 , 问答 游戏 的 精髓 都 在 于 问题 和 答案 。 如果 你 计划 做 一 个 娱乐 类 的 ， 
就 需要 让 问题 和 答案 都 富有 吸引 力 。 如 果 你 是 出 于 教育 目的 , 就 要 确保 问题 和 答案 清楚 而 且 公正 。 

也 可 以 修改 游戏 ， 增 加 或 者 减少 答案 的 数量 ， 这 很 容易 。 只 要 你 想 ， 你 完全 可 以 只 提供 两 个 
答案 , 比如 Ture (正确 ) 和 False (错误 )。 很 少 会 有 超过 4 个 答案 的 情况 , 除了 有 时 候 会 看 到 “以 
上 全 选 ”或 者 “以 上 全 不 选 ” 之 类 的 选项 。 这 里 没有 什么 特殊 的 编程 技巧 ， 只 要 在 答案 列表 中 增 
加 到 5 个 或 者 6 个 答案 。 

除了 需要 显示 的 问题 和 答案 之 外 , 还 有 一 个 可 以 修改 的 地 方 一 一 游戏 的 主题 。 这 可 以 通过 玩 
家 在 游戏 中 的 表现 可 视 化 地 表现 出 来 。 也 可 以 根据 游戏 进行 修改 。 

比如 ,玩家 会 有 角色 在 假 一 根 绳索 。 每 当 玩 家 答对 了 ， 就 向 卜 一 步 。 当 玩家 答 错 了 ， 角 色 
就 掉 到 了 底部 。 只 有 连续 答对 一 组 问题 ， 角 色 才 能 够 到 达 顶 部 。 

游戏 主题 可 以 让 游戏 与 相关 的 网 页 和 产品 更 贴近 。 比 如 , 一 个 野生 动物 保护 网 站 可 以 设计 一 
个 关于 动物 的 问答 游戏 。 





























动作 类 游戏 : 平台 游戏 


本 章 内 容 
口 设计 游戏 
口 创建 类 
口 修改 游戏 


源 文件 


http://flashgameu.com 
A3GPU211_PlatformGame.zip 


横向 卷轴 (side-scrolling) 游戏 也 叫 平台 (platform) 游戏 ， 最 早出 现 于 20 世纪 80 年代 初 ， 
之 后 迅速 成 为 电子 游戏 (video game) 的 主流 制作 方式 ， 直 到 90 年 代 3D 游戏 的 出 现 。 

横向 卷轴 平台 游戏 让 玩家 以 侧面 视角 来 控制 游戏 和 角色。 角色 可 以 左右 移动 而 且 通 常 可 以 跳 
起 。 当 他 移动 到 屏幕 一 端 时 ， 背 景 会 随 之 展开 更 多 的 活动 区 域 。 


说 明 


平台 游戏 几乎 都 会 设计 一 个 会 跳跃 的 角色 。 最 出 名 的 当然 就 是 任天堂 制作 的 马里 奥 了 。 
从 《大 金刚 》 到 任天堂 的 其 他 大 量 冒险 游戏 都 有 这 位 老兄 的 身影 。 























本 章 我 们 会 打造 一 个 非常 简单 的 横向 卷轴 平台 游戏 ， 主 角 可 左右 移动 且 会 跳跃 ,里面 有 墙 、 
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平台 、 敌 人 和 要 收集 的 物品 (item)。 
11.1 设计 游戏 
在 正式 编程 之 前 , 我 们 就 要 考虑 到 游戏 的 方方面面 。 我 们 需要 设计 一 个 英雄 、 很 多 敌人 、 各 
种 物品 ， 还 要 考虑 关卡 的 建立 方式 。 
11.1.1 关卡 设计 


平台 游戏 的 一 个 重要 方面 是 关卡 的 设计 。 就 像 第 10 章 提 到 的 问答 游戏 不 能 离开 内 容 而 存在 
一 样 ， 平 台 游 戏 也 需要 “内 容 "。 而 此 处 所 需 的 “内 容 ” 就 是 关卡 布局 。 

关卡 总 要 由 人 设置 出 来 ， 不 是 程序 员 就 是 美工 或 专门 的 关卡 设计 师 。 图 11-1 展示 了 一 个 关 
卡 ， 实 际 上 就 是 这 个 游戏 的 第 一 关 。 

















图 11-1 我 们 在 平台 游戏 的 第 一 关 设 置 了 3 个 敌人 、 儿 件 宝物 、 一 把 钥匙 和 一 扇 门 
比较 成 熟 的 平台 游戏 都 会 有 一 个 关卡 编辑 器 。 这 样 关卡 设计 师 就 可 以 建立 许多 不 同 的 关卡 并 
进行 测试 ， 而 游戏 的 其 余部 分 就 交 给 程序 员 和 美工 了 。 
不 过 ， 在 我 们 所 举 的 简单 例子 中 ， 关 卡 设计 直接 在 Flash 中 进行 ， 方 法 是 建立 包含 各 种 游戏 
零件 的 影片 剪辑 。 
影片 PlatformGame.fla 的 元 件 库 里 包含 了 各 种 游戏 零件 。 下 面 是 一 张 清单 。 
口 地 板 一 一 一 个 简易 的 40 x 40 的 方块 ， 英 雄 可 以 站 在 上 面 ， 它 在 左右 两 端 挡住 英雄 。 
口 墙 一 一 在 用 途上 和 地 板 差不多 ， 不 过 外 观 不 同 。 
口 英雄 一 一 玩家 的 角色 。 包 括 了 站 立 、 行 走 、 跳 跃 和 死亡 的 动画 。 
D 敌人 一 一 包含 一 段 行 走动 画 的 相对 简单 的 角色 。 

















口 Treasure 闪闪 发 光 的 简单 宝物 。 
口 钥匙 简单 的 钥匙 图 案 。 








口 门 一 一 包含 开启 动画 的 门 。 
要 用 这 些 物品 创建 一 个 关卡 ， 只 需要 把 它们 拖 进 一 个 影片 剪辑 里 放 好 就 行 了 。 
图 11-1 展示 了 这 样 的 一 个 影片 剪辑 。 其 实 它 就 是 影片 PlatformGame .fla 元 件 库 里 的 影片 剪辑 
gamelevel1l。 
1. 墙 和 地 板 零 件 
为 了 简化 关卡 的 建立 ， 我 通过 选择 View (视图 ) 一 Grid (网 格 ) 一 Edit Grid (编辑 网 格 ) 荣 
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单 ， 在 弹出 的 Grid 对 话 框 中 将 网 格 设置 为 40 x40。 接 着 ， 我 把 地 板 和 墙 零件 从 元 件 库 里 面 拖 出 
来 并 治 着 网 格 将 它们 放 好 。 
图 11-2 展示 了 带 隐藏 背景 的 关卡 ， 好 让 你 可 以 看 到 网 格 印记 。 























图 11-2” 沙 着 网 格 摆 放 墙 和 地 板 零件 使 关卡 设计 更 容易 了 
游戏 中 墙 和 地 板 零件 的 外 观 是 不 同 的 , 不 过 在 代码 中 都 是 相同 种 类 的 对 象 。 你 可 以 增加 更 多 
像 这 样 的 “构件 ”来 使 游戏 内 容 更 丰富 。 














说 明 


这 个 游戏 没有 用 到 的 一 个 创意 是 使 用 多 个 版 本 的 墙 和 地 板 砖 一 一 全 部 都 储存 在 一 个 影 
瘟 辑 的 不 同 帧 里 。 然 后 ， 在 游戏 开始 时 ， 传 块 会 以 随机 的 一 帧 呈现 出 来 。 


























前 和 地 板 不 需要 特别 的 名 称 。 但 是 ， 如 图 11-3 所 示 ， 元 件 库 里 面 的 元 素 有 个 相应 的 Linkage 
(链接 ) 名 称 。 这 样 做 很 重要 ， 因 为 代码 会 找寻 Floor 和 wall 对 象 。 








PlatformGame.fla 











15 items 








Name 2 |Linkage 
A Arial Bold 
A Arial Regular 
he) BasicButton 

回 chest 

回 Dialog 

四 Door 

回 Enemy 

回 Floor 

图 GameLevel 1 

GameLevel 2 





Treasure 
Wall 

















图 11-3 库 里 面 有 很 多 带 有 Linkage 名 称 的 游戏 元 素 ， 这 些 名 称 有 助 于 代码 引用 相应 的 类 
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2. 英雄 与 敌人 

英雄 已 经 在 图 11-1 和 图 11-2 的 左上 角 出 现 。 他 被 小 心 放 置 ， 好 让 他 刚好 站 在 Floor 的 一 块 
砖 上 。 

英雄 的 影片 剪辑 里 有 几 个 不 同 的 动画 部 分 ， 如 图 11-4 所 示 。 
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图 11-4 英雄 拥有 站 立 、 行 走 、 跳 跃 和 死亡 的 帧 

注意 , 影片 剪辑 注册 点 设置 在 角色 的 脚底 。 我 们 使 这 个 点 位 于 角色 所 在 地 板 砖 的 顶 面 上 。 而 
在 水 平方 向 上 ， 角 色 处 于 正中 心 。 

放置 英雄 的 时 候 ， 要 让 他 的 y 坐标 刚好 和 他 脚下 地 板 的 y 坐标 匹配 。 这 样 ， 英 雄 就 从 站 立 
的 姿势 开始 动身 。 如 果 把 他 定位 于 地 板 砖 上 方 的 话 ， 他 会 以 从 落 到 地 板 上 的 方式 开始 征程 。 这 又 
是 另 一 种 方式 了 ， 如 果 你 想 让 角色 以 跌 入 场景 的 方式 开始 的 话 。 

敌人 是 个 和 英雄 差不多 的 影片 剪辑 ， 只 不 过 仅 有 站 立 和 行走 的 连续 动画 (图 11-5)。 注 意 ， 
他 的 注册 点 也 是 在 脚底 。 
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图 11-5 敌人 只 有 站 立 和 行走 标签 
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避 开 这 些小 家 伙 只 需 跳 起 来 即 可 。 实 际 上 ， 英 雄 也 得 这 么 做 ， 因 此 他 们 都 是 人 矮 胖 的 。 我 们 不 
需要 为 他 们 设计 “死亡 ”动画 ， 因 为 当 他 们 被 销 灭 的 时 候 我 们 是 直接 将 他 们 从 屏幕 移 除 ， 同 时 使 
用 本 书 第 8 章 提 到 的 PointBurst， 在 他 们 消失 之 处 给 出 一 条 信息 。 

敌人 当然 也 需要 直接 放 到 一 块 地 砖 上 。 不 然 的 话 , 他们 会 掉 到 下 一 块 砖 上 一 一 如 果 那 就 是 你 
想 要 的 开局 方式 的 话 也 无 妨 。 

敌人 一 样 需要 实例 名 。 图 11-1 和 图 11-2 里 显示 的 3 个 敌人 分 别 为 cxemyl、enemy2 和 enemy3。 

敌人 还 有 一 个 特点 : 他 们 被 设 成 前 后 走动 ， 磁 到 墙 体 时 会 掉头 。 所 以 ， 你 应 该 把 他 们 放置 在 两 
端 都 有 墙 的 地 方 。 如 果 他 们 所 处 的 区 段 有 一 端 没有 墙 ， 他 们 应 该 在 第 一 次 经 过 那里 时 就 掉 下 去 。 应 
该 保证 他 们 每 次 经 过 无 墙 的 一 端 时 都 掉 下 ,直到 稳定 在 一 个 两 端 都 有 墙 的 地 方 ,并 在 那里 前 后 走动 。 

3. 宝物 和 物品 

在 图 11-1 和 图 11-2 中 ， 你 会 看 到 各 种 各 样 其 他 的 物体 。 像 红宝石 的 物体 是 可 以 取得 分 数 的 
宝物 。 宝 物 (Treasure) 影片 剪辑 不 用 多 说 ， 包 含 了 许多 不 停 闪耀 的 动画 帧 。 这 对 游戏 没有 任何 
实质 影响 ， 它 只 关 平 视觉 效果 。 


























说 明 


如 有 果 你 想 要 更 多 种 类 的 宝物 ， 在 单个 影片 剪辑 的 每 一 帧 放置 一 种 不 失 为 一 种 简易 可 行 的 
方法 。 或 者 ， 你 需要 创建 各 种 不 同 的 物体 ， 比 如 钻石 、 硬 币 、 婚 戒 之 类 的 。 然 后 ， 你 需 
要 在 代码 里 对 其 进行 甄别 。 







































































Key 和 Door 的 影片 剪辑 也 差不多 。Key 只 有 几 帧 长 的 动画 。 而 Door 从 第 2 帧 开始 有 个 open 
序列 。 图 11-6 展示 了 这 个 影片 剪辑 。 
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图 11-6 影片 剪辑 Door 里 有 个 静止 的 第 一 帧 ， 接 着 是 一 个 开门 的 动画 
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物品 不 需要 很 精确 地 放 到 某 个 网 格 里 。 它 们 只 需要 放 在 英雄 走 或 跳 时 够 得 着 的 地 方 。 不 过 ， 
将 门 放 在 地 板 上 会 让 人 看 上 去 更 自然 一 些 。 


说 明 


请 留意 游戏 元 素 的 层次 。 需 在 游戏 进行 的 时 候 保持 警 蝎 。 举 个 例子 ， 当 英雄 的 层次 处 于 
一 堵 墙 或 某 个 对 象 之 后 时 ， 墙 的 图 片 会 在 他 靠近 时 庶 住 他 的 图 片 。 


另 一 方面 ， 可 以 让 物体 出 现在 玩家 的 前 面 ， 如 一 块 半 透 明 的 窗 玻 璃 或 家 具 的 一 小 部 分 。 









































Treasure、Key、 和 Door 影 片 剪辑 都 已 经 设 好 了 链接 名 称 ， 如 我 们 在 之 前 的 图 11-3 中 看 到 的 
那样 。 代 码 通 过 类 来 找到 它们 。 影 片 剪辑 实例 本 身 不 需要 任何 名 称 。 

箱子 是 游戏 里 的 另 一 样 物 品 。 这 个 两 帧 影片 剪辑 包含 了 宝物 箱 的 开 和 闭 。 这 是 玩家 要 寻找 的 
目标 ， 当 玩家 找到 它 时 游戏 就 结束 了 。 

4. 艺术 背景 

游戏 关卡 在 影片 剪辑 中 包含 了 一 个 带 有 艺术 背景 的 图 层 。 在 这 里 , 它 是 一 个 渐变 庶 罩 。 不 过 ， 
还 可 以 添加 很 多 东西 。 你 加 到 背景 中 的 东西 虽然 是 看 得 见 ， 但 还 不 够 活跃 。 

所 以 ， 你 可 以 在 场景 里 任意 涂 色 。 可 以 在 墙 上 挂 上 画作 、 能 能 燃烧 的 火炬 、 提 示 语 和 指示 
牌 等 。 

图 11-1 和 图 11-2 展示 了 举 在 高 处 的 火炬 。 它 们 如 图 片 一 样 被 置 于 相同 的 背景 层 里 。 我 们 的 
游戏 代码 甚至 不 用 去 理会 它们 ， 因 为 它们 是 随 着 背景 移动 的 。 

5. 对 话 框 

这 个 影片 包含 了 一 个 对 话 框 , 我 们 可 以 在 想 要 传递 某 些 信息 的 时 候 将 它 放 到 玩家 面前 并 等 候 

他 的 输入 。 你 可 以 在 图 11-7 看 到 这 个 对 话 框 的 影片 剪辑 。 
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图 11-7 Dialog 影片 剪辑 等 待 玩 家 单 击 按钮 以 继续 
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每 当 英 雄 死 亡 、 游 戏 结束 、 某 个 关卡 完成 或 者 玩家 胜利 的 时 候 ， 就 会 显示 对 话 框 。 当 以 上 这 
些 事件 发 生 时 ， 游 戏 会 暂停 并 弹出 一 个 对 话 框 。 我 们 把 这 个 对 话 框 做 成 一 个 单独 的 影片 剪辑 ， 其 
中 包括 了 一 个 动态 文本 字段 和 一 个 按钮 。 

6. 主 时 间 轴 

主 时 间 轴 上 会 提供 一 个 带 着 说 明 的 start 帧 。 之 后 的 每 一 帧 包含 一 个 游戏 关卡 影片 剪辑 。 这 
使 得 不 管 是 在 游戏 进行 中 还 是 在 创建 关卡 时 ， 玩 家 都 很 容易 地 从 这 一 关 跳 到 另 一 个 关 。 

第 2 帧 包含 游戏 的 第 1 关 一 一 GameLevell (实例 名 为 gamelevel)。 第 3 帧 包含 游戏 的 第 2 
关 一 一 GameLevel2 (实例 名 也 是 gamelevel)。 

当 ActionScript 执行 时 ， 它 会 寻找 当前 帧 里 面 实例 名 为 gamelevel 的 影片 剪辑 。 这 样 ， 我 
们 可 以 将 不 同 的 游戏 关卡 影片 剪辑 (以 相同 的 实例 名 ) 分 别 放 到 不 同 的 帧 里 。 

在 游戏 关卡 帧 中 ， 我 们 有 3 个 动态 文本 字段 : 一 个 用 于 显示 关卡 ， 一 个 用 于 显示 剩余 生命 条 
数 ， 而 最 后 一 个 用 于 显示 分 数 。 图 11-8 展示 了 游戏 开始 时 屏幕 上 的 实际 情况 。 
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图 11-8 屏幕 底部 是 3 个 文本 字段 


11.1.2 ”设计 类 


类 会 首先 查看 影片 剪辑 gamelevel。 它 会 志 历 该 影片 剪辑 里 的 每 一 个 子 元 件 ， 弄 清 它 的 作用 
以 及 它 需 要 在 游戏 类 中 如 何 呈 现 。 

举 个 例子 ， 如 果 某 子 元 件 是 Wall 或 Floor， 它 会 被 加 入 到 相应 的 对 象 数 组 里 。 然 后 ， 当 角 
色 移 动 时 ， 这 些 对 象 会 被 遍历 以 检测 碰撞 。 

它 也 会 找 英 雄 和 敌人 。 假 设 英雄 的 实例 名 就 叫 hero， 而 敌人 叫做 enemy1、enemy2， 


竹 稚 
可 可 oo 
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说 明 


为 检测 影片 剪辑 所 属 对 象 类 型 ， 我 们 会 使 用 is 操作 符 。 这 个 操作 符 会 将 一 个 变量 的 对 
象 类 型 和 一 个 对 象 类 型 进行 比较 (如 (Thisthing is MyObject))。 





























代码 的 绝 大 部 分 都 是 对 移动 的 处 理 。 英 雄 可 以 向 左 移 ， 向 右 移 ， 而 且 可 以 跳跃 。 但 是 ， 他 也 
会 受到 重力 影响 ， 也 会 从 边缘 掉 下 去 。 他 可 以 和 墙 体 碰 撞 并 停 住 ， 当 然 也 会 和 地 板 相 磁 撞 ， 使 得 
他 掉 下 的 时 候 不 至 于 穿 过 地 板 。 

敌人 也 一 样 ， 他 们 和 英雄 遵守 同样 的 规则 ， 不 同 的 无 非 就 是 他 们 不 受 方向 键 控制 。 

那么 ， 与 其 分 别 在 英雄 和 敌人 身上 使 用 不 同 的 移动 代码 ， 不 如 让 他 们 分 享 同 一 个 角色 运动 








横向 滚 轴 是 另 一 种 移动 因素 。 英 雄 和 敌人 都 在 gamelevel 影片 剪辑 里 移动 着 ， 如 果 英 
雄 在 舞台 上 的 相对 位 置 走 得 太 靠 左 边 或 右边 的 话 ， 我 们 会 把 整个 gamelevel 影片 剪辑 相对 
角色 进行 反 向 移动 。 代 码 的 其 余部 分 会 忽略 这 种 情况 ， 因 为 实际 上 gamelevel 里 并 没有 东 
西 在 移动 。 


11.1.3 ”规划 所 需 函 数 


在 开始 编程 之 前 ， 让 我 们 先 看 看 在 类 中 所 有 用 到 的 函数 和 它们 相互 之 间 的 依赖 关系 。 

初始 化 分 数 和 玩家 生命 条 数 。 

关卡 初始 化 ， 调 用 下 面 3 个 函数 。 

根据 hero 影片 剪辑 实例 所 在 位 置 创建 hero 对 象 。 

根据 现 有 的 enemyX 影片 剪辑 创建 enemy 对 象 。 

查找 墙 体 (wall)、 地 板 (floor) 和 gamelevel 影片 剪辑 中 的 其 他 





口 startPlatformGame 








口 startGameLevel 





CreateHero 











四 addEnemies 











国 examineLevel 


物品 。 


D keyDownFunction 





记录 玩家 按 下 的 键 。 
记录 玩家 释放 的 键 。 
每 帧 都 计算 已 过 的 时 间 然 后 调用 以 下 4 个 函数 。 
moveEnemies 一 一 遍历 所 有 敌人 并 移动 他 们 。 
四 moveCharacter 一 一 移动 角色 。 
@ scrollWithHero 一 一 根据 英雄 的 位 置 来 移动 影片 剪辑 gamelevel。 
CheckCol11sionSs 监测 英雄 是 否 磁 到 了 敌人 或 其 他 物品 。 之 后 调用 以 下 3 个 国 数 。 
$ enemyDie 敌人 被 移 除 。 
4 heroDie 一 一 其 雄 减 掉 一 条 命 ， 游 戏 可 能 终结 。 
4 getobject 一 一 英雄 获得 一 件 物品 。 
口 adqdqScore 增加 分 值 ， 显 示 分 数 。 





口 keyUpFunct ion 








口 gameLoop 
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显示 剩余 命 条 数 。 

口 levelComplete 一 一 通关 成 功 ， 暂 停 并 显示 对 话 框 。 

找到 宝物 ， 和 暂停 并 显示 对 话 杠 。 

口 clickDialogButton 一 一 点 击 对 话 框 按钮 ， 执 行 下 一 个 动作 。 

口 cleanUp 一 一 移 除 gamelist 以 准备 下 一 关 。 

既然 我 们 已 经 知道 需要 准备 哪些 函数 ， 那 就 一 起 来 建立 PlatformGame.as 类 吧 。 


D showLives 

















D gameComplete 




















11.2 ”建立 类 


考虑 到 这 个 游戏 的 全 部 功能 ， 这 个 包 文 件 (package file) 其 实 并 不 算 太 长 。 正 因 如 此 ， 我 们 
把 所 有 东西 都 放 在 一 个 类 里 。 尽 管 对 于 一 个 大 型 游戏 来 说 , 分别 对 角色 、 物 品 以 及 固定 物体 建立 
单独 的 类 才 实 用 。 





11.2.1 类 的 定义 


在 类 的 开始 部 分 ， 我 们 可 以 看 到 标准 的 导入 列表 (importlisting)， 其 中 包含 了 基于 时 间 动 画 


所 需 的 flash.utils.getTimer: 





package { 
import flash.display.*; 
import flash.events.*; 
import flash.text.*; 
import flash.utils.getTimer; 


我 们 只 需要 儿 个 常量 ,第 一 个 是 gravity (重力 加 速度 )， 然 后 便 是 启动 横向 滚 轴 所 需 的 屏 
幕 边 距 值 。 


说 明 


重力 常数 的 确定 需要 人 花 些 工夫 。 失 之 毫 碍 ， 廖 以 千里 。 所 以 我 一 般 从 较 小 的 值 开 始 。 我 
会 在 游戏 完成 后 再 调整 它 ， 直 到 跳跃 以 及 跌 下 的 行为 看 上 去 完全 合理 为 止 。 






















































































public class PlatformGame extends MovieClip { 
/ /移动 常量 
static const gravity:Number = .004; 


/ /滚屏 所 需 边 距 
static const edgeDistance:Number = 100; 


当 对 gamelevel 影片 剪辑 进行 扫 摘 的 时 候 , 所 有 找到 的 对 象 被 放 进 两 个 数组 的 其 中 一 个 里 面 。 
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fixeqobjects 数组 保存 对 可 让 玩家 站 立 或 者 可 阻挡 玩家 的 所 有 物体 的 引用 。 而 otherobjects 
数组 则 持 有 对 钥匙 、 门 、 箱 子 和 宝物 等 物品 的 引用 : 


/ /对象 数组 
private Var fixedObjects:Array; 
private Var otherObjects:Array; 


英雄 的 影片 剪辑 已 经 命名 为 hero 并 可 以 通过 gamelevel .hero 访问 。 但 是 我 们 的 类 里 的 
hero 对 象 负责 保存 这 个 引用 和 其 他 关于 英雄 角色 的 信息 。 同 样 地 ，enemies 数组 保存 带 着 每 一 
个 敌人 信息 的 对 象 列 表 。 

/17 英雄 和 敌人 


private var hero:Object; 
private var enemies:Array; 


我 们 需要 很 多 变量 来 记录 游戏 状态 。 我 们 使 用 数组 playerobjects 来 存储 玩家 捡 起 的 
物体 。 这 个 游戏 里 仅 有 的 物体 就 是 Key， 不 过 我 们 仍 将 它 放 在 数组 里 以 便 以 后 可 以 增加 更 多 
的 物体 。 

gameMode 这 个 字符 串 变 量 帮助 我 们 了 解 英雄 应 由 哪些 函数 作用 着 。 它 的 值 一 开始 是 
"start"， 然 后 在 游戏 准备 运行 时 变 成 "play"。 

gameScore 和 playerLives 分 别 为 得 分 和 玩家 剩余 命 数 。 

变量 lastTime 记录 着 最 近 一 步 游戏 动画 的 毫秒 值 , 我 们 用 它 来 驱动 游戏 元 素 里 所 使 用 的 基 
于 时 间 的 动画 。 

/ /游戏 状态 

private var playerObjects:Array; 
private Var gameMode:String = "start"; 
private var gameScore:int; 


private Var playerLives:int; 
private var lastTime:Number = 0; 








11.2.2 开始 游戏 和 关卡 


游戏 开始 时 ,我们 需要 设置 好 几 个 和 游戏 状态 有 关 的 变量 。 这 可 以 通过 在 包含 游戏 首 关 的 由 
内 调用 startPlatformGame 函数 来 完成 。 我 们 还 有 些 其 他 变量 需要 在 每 关 进 行 重 设 。 它 们 每 
次 都 会 在 下 一 帧 里 通过 调用 startGameLevel 函数 进行 设置 。 


// 开 始 游戏 

public function startPlatformGame() { 
playerObjects = new Array(); 
gameScore = 0; 
gameMode = "play"; 
playerLives = 3; 





图 11-9 展示 了 游戏 开始 时 的 界面 ， 上 面 有 个 按钮 由 玩家 按 下 以 继续 。 
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PlatformGame.swf 


TREASURE QUESTI 


Use the arrow keys to 
move left and right 
and the spacebar to 
jump. Land on top of 


enemies to destroy 

them. Get treasures 

and advance to the 
next level. 


START 





图 11-9 ”这 个 平台 游戏 的 开始 界面 


1. startGameLevel 函数 

startGameLevel 国 数 由 每 一 个 包含 gamelevel 影片 剪辑 的 帧 调用 。 接 着 它 会 分 配 寻 找 和 建 
并 英雄 、 敌 人 和 游戏 物品 等 : 

// 开 始 关卡 


public function startGameLevel() { 


/ /创建 角色 
createHero(); 
addEnemies (); 


/ /检测 关卡 并 记录 所 有 对 象 


examineLevel (); 
startGameLevel 函数 也 准备 了 3 个 事件 侦 听 器 。 第 一 个 便 是 主要 的 gameLoop 函数 ， 它 
负责 依据 帧 频 推动 动画 进程 。 另 外 两 个 是 玩家 键盘 事件 的 侦 听 器 : 0 


// 添 加 侦 听 器 
this.addEventListener (Event .ENTER_FRAME,gameLoop); 
stage.addEventListener (KeyboardEvent .KEY_DOWN, keyDownFunction); 
stage.addEventListener (KeyboardEvent .KEY_UP, keyUpFunction); 


最 后 ，gameMode 被 设 成 "play"， 调 用 两 个 函数 来 设置 得 分 和 命 数 的 显示 。 得 分 显示 更 新 
由 aggscore 负责 ， 它 要 做 的 就 是 加 分 并 更 新 文本 字段 。 如 果 我 们 加 了 0 分 , 那么 它 就 只 是 个 纯 
粹 的 显示 函数 而 已 : 
/ /设置 游戏 状态 
gameMode = "play"; 


addscore (0); 
showLives (); 
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2. createHero 函数 

影片 剪辑 hero 已 经 在 gamelevel 之 中 了 ， 蓄 势 待 发 。 不 过 ， 我 们 还 需要 设置 并 使 用 很 多 的 属 
因此 我 们 在 类 里 面 创 建 了 一 个 nero 对 象 来 储存 这 些 属性 : 

/ /创建 hero 对 象 并 设置 所 有 属性 


public function createHero() { 
hero = new Object (); 


第 一 个 属性 是 对 hero 影片 剪辑 的 引用 ， 它 属于 英雄 的 视觉 载体 。 现 在 ， 我 们 是 以 hero .mc 


而 非 gamelevel .nero 来 指 代 英雄 。 当 我 们 使 用 hero 对 象 进行 玩家 角色 操作 的 时 候 这 么 做 更 
加 合适 : 


hero.mc = gamelevel.hero; 
下 面 是 描述 hero 速度 的 两 个 属性 : 


hero.dx 00 


hero.dy 
当 英 雄 没 有 站 在 坚实 地 面 的 时 候 属 性 hero .inAir 会 设 为 真 : 
hero.inAir = false; 


hero.direction 属性 值 为 -1 或 1， 这 取决 于 hero 面 朝 的 方向 : 


hero.direction = 1; 


hero.animstate 属性 保存 "stand" 或 "walk"。 当 它 为 "walk" 时 , 我 们 知道 角色 一 定 是 在 
按照 他 的 行走 序列 移动 。 而 这 些 动画 帧 都 储存 在 hero.walkanimation 里 。 本 例 中 ， 行 走 序列 
位 于 第 2~8 帧 。 而 关于 当前 动画 正 处 于 哪 一 帧 的 信息 我 们 会 将 其 存在 hero .animstep 里 : 

hero.animstate = "stand"; 

hero.walkAnimation = new Array (2,3,4,5,6,7,8); 

hero.animstep = 0; 


hero.jump 属性 会 在 玩家 按 下 空格 键 时 被 设 为 真 。 类 似 地 ，hero.moveLeft 和 
hero.moveRignt 的 真 假 取决 于 相应 方向 键 是 否 被 按 下 。 


hero.jump = false; 
hero.moveLeft = false; 
hero.moveRight = false; 


以 下 两 个 属性 是 用 来 决定 角色 跳跃 高 度 和 行走 速度 的 常量 : 


hero.jumpSpeed = .8; 
hero.walkSpeed = .15; 


ll 











说 明 


这 些 常 量 的 确定 也 要 经 过 摸索 。 我 开始 时 是 猜 的 ， 比 如 以 为 角色 以 100~200 像素 / 秒 的 速 
度 行走 ， 不 过 ， 当 我 建立 游戏 的 时 候 又 进行 了 调整 。 
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常量 hero.width 和 hero.height 用 于 碰撞 的 判定 。 因为 角色 的 实际 宽度 和 高 度 在 动画 
进行 的 每 一 帧 都 会 不 一 样 ， 所 以 我 们 不 使 用 角色 的 实际 高 度 和 宽度 ， 而 使 用 以 下 固定 值 : 


hero.width = 20.0; 
hero.height = 40.0; 


如 果 英 雄 发 生 磁 撞 ， 则 将 其 重 置 到 在 当前 关卡 的 开始 位 置 。 因 此 ,我 们 需要 记录 下 此 位 置 的 
坐标 值 : 











hero .mc .X; 
hero.mc.y; 


hero.startx 
hero.starty 


上 

3. addEnemies 函数 

敌人 都 储存 在 看 上 去 和 hero 对 象 差不多 的 对 象 里 。 由 于 hero 和 enemy 对 象 具 有 相同 的 属 
性 ， 我 们 可 以 把 它们 放 进 同一 个 moveCharacter 函数 。 

addqFEnemies 国 数 寻找 enemy1l 影片 剪辑 并 把 它 作为 对 象 加 入 到 enemies 数组 里 , 然后 接着 
寻找 enemy2， 如 此 进行 下 去 。 

英雄 和 敌人 的 不 同 点 很 少 ， 其 中 一 个 是 敌人 不 需要 startx 和 starty 属性 。 而 且 ， 
enemy .moveRight 属性 开始 时 为 真 ， 所 以 敌人 开始 时 会 向 右 行走 : 

// 和 寻找 关卡 中 的 所 有 敌人 并 为 每 一 个 创建 一 个 对 象 





public function addEnemies() { 
enemies = new Array(); 
Bh ie 
while (true) { 
if (gamelevel["enemy"+i] == null) break; 


Var enemy = new Object (); 


enemy .mc = gamelevel["enemy"+i]; 
enemy .dx = 0.0; 
enemy.dy = 0.0; 


enemy .inAir = false; 
enemy .direction = 1; 
enemy .animstate = "stangd" 
enemy .walkAnimation = new Array (2,3,4,5); 
enemy.animstep = 0; 

enemy .jump = false; 

enemy .moveRight = true; 
enemy .moveLeft = false; 
enemy .jumpSpeed L130 
enemy .walkSpeed .08; 
enemy .width = 30.0; 

enemy .height = 30.0; 
enemies.push (enemy); 

i++; 





F 
} 


4. examineLevel 函数 
当 英 雄 和 所 有 敌人 都 建立 之 后 ，examineLevel 国 数 查看 影片 剪辑 gamelevel 的 所 有 子 
元 件 。 
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// 查 看 所 有 子 元 件 并 标注 墙 、 地 板 和 其 他 部 件 
public function examineLevel() { 
fixedObjects = new Array(); 
otherObjects = new Array(); 
for(var i:int=0;i<this.gamelevel.numChildren;i++) { 
Var mc = this.gamelevel.getChildAt (i); 


如 果 对 象 是 Floor 或 Wall1， 它 就 会 作为 具有 影片 前 辑 引 用 的 对 象 加 入 到 fixedobjects 
数组 里 ， 而 且 它 还 有 其 他 信息 。 四 条 边 的 位 置 值 存储 在 leftside、rightside、topside 和 
bottomside 中 。 在 判断 碰撞 时 我 们 需要 快速 访问 这 些 值 : 


// 把 地 板 和 墙 添加 到 fijxedObjects 数组 里 

if ((mc is Floor) || (mc is Wall)) { 

Var floorObject:Object = new Object(); 
floorObject .mc = mc; 
floorObject.leftside = mc.x; 
floorObject.rightside = mc.x+tmc.width; 
floorObject.topside = mc.y; 
floorObject.bottomside = mc.y+mc.height; 
fixedObjects.push (floorObject); 


所 有 其 他 对 象 则 添加 到 otherobjects 数组 里 ; 


// 把 宝物 、 钥 是 和 门 添加 到 otherObjects 里 
} else if ((mc is Treasure) || (mc is Key) || 
(mc is Door) || (mc is Chest)) { 
otherObjects.push (mc); 





11.2.3 ”键盘 输入 


对 键盘 输入 的 响应 一 如 前 面 游 戏 里 所 述 的 ， 使 用 方向 键 。 不 过 ， 这 里 我 们 直接 设置 英 
雄 的 moveLeft 、moveRight 和 jump 属性 。 我 们 只 会 在 英雄 已 经 不 处 于 空中 时 让 jump 
为 真 。 

// 记 录 按 键 ， 设 置 hero 的 属性 


public function keyDownFunction(event:KeyboardEvent) { 


if (gameMode != "play") return; // 非 play 模 式 不 动 
if (event.keyCode == 37) { 
hero.moveLeft = true; 
} else if (event.keyCode == 39) { 
hero.moveRight = true; 
} else if (event.keyCode == 32) { 


if (!hero.inAir) { 
hero.jump = true; 
} 
} 


keyUpFunction 识 家 释放 按键 ， 然 后 关闭 moveLeft 或 moveRight 的 当前 状态 : 
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public function keyUpFunction(event:KeyboardEvent) { 


if (event.keyCode == 37) { 
hero.moveLeft = false; 
} else if (event.keyCode == 39) { 


hero.moveRight = false; 


} 


11.2.4 游戏 主 循环 


多 亏 了 有 EVENT_FRAME 侦 昕 器 ，gameLoop 国 数 得 以 每 帧 调用 一 次 。 它 决定 了 两 次 调用 之 
间 间 隔 的 毫秒 数 。 

如 果 gameMode 的 值 是 "play" ， 那 么 它 会 调用 各 种 函数 。 首 先 ， 它 会 调用 以 hero 为 操作 
对 象 的 movecharacter 函数 。 它 同时 也 会 把 timeDiff 传 给 moveCharacter。 

接着 ， 它 调用 moveEnemies， 用 以 遍历 敌人 以 及 为 每 一 个 敌人 调用 movecharacter。 

checkForCollisions 国 数 负 责 跟踪 所 有 敌人 与 英雄 之 间 的 碰撞 以 及 英雄 与 物品 之 间 的 
碰撞 。 

最 后 ，scrollwithHero 负责 在 必要 时 协调 影片 剪辑 gamelevel 与 英雄 的 位 置 : 


public function gameLoop (event :Event) { 




















// 获 取 时 间 差 

if (lastTime == 0) lastTime = getTimer(); 
Var timeDiff:int = getTimer()-lastTime; 
lastTime += timeDiff; 


// 只 在 play 模式 执行 任务 

if (gameMode == "play") { 
moveCharacter (hero,timeDiff); 
moveEnemies (timeDiff).; 
checkCollisions(); 
scrollWithHero(); 


} 

moveEnemies 国 数 检查 每 一 个 敌人 的 hitwallRight 和 hitwallLeft 属性 。 这 些 是 
moveCharacter 在 执行 时 赋予 角色 对 象 身 上 的 特殊 属性 。 我 们 把 它们 用 在 敌人 身上 而 没有 用 在 
hero 对 象 上 。 

当 敌 人 碰 到 墙 之 后 ， 我 们 让 它 掉 转 方 向 : 


public function moveEnemies (timeDiff:int) 








{ 
for(var i:int=0;i<enemies.length;i++) { 


/ /移动 


moveCharacter (enemies[i],timeDiff); 


// 如 果 撞 墙 ， 转 身 
if (enemies[i].hitWallRight) { 
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enemies[i] .moveLeft = true; 
enemies[i] .moveRight = false; 
} else if (enemies[i] .hitwallLeft) { 





enemies[i].moveLeft = false; 
enemies[i].moveRight = true; 
} 
} 
说 明 









































让 不 同 的 敌人 拥有 不 同 的 行为 方式 或 许 更 可 取 。 例 如 ， 让 敌人 根据 英雄 相对 于 自己 或 z 
或 右 的 位 置 来 确定 自己 移动 的 方向 ; 又 或 者 ， 可 以 监视 英雄 和 敌人 之 间 的 距离 以 便 让 政 
人 在 英雄 靠近 的 时 候 才 开始 移动 。 




























































































11.2.5 角色 的 运动 


现在 到 了 考查 游戏 核心 一 一 moveCharacter 函数 的 时 候 了 。 它 接受 一 个 character 对 象 
(hero 或 enemy)， 并 把 它 储存 在 char 变量 里 。 它 同时 也 获取 已 经 过 去 的 上 毫秒 数 ， 储 存在 


timeDiff 变量 里 ， 





public function moveCharacter (char:Object,timeDiff:Number) { 
游戏 之 初 ， 变 量 lastTime 被 初始 化 ,时间 差 为 0。 因为 零 值 在 一 些 速度 公式 里 会 引起 小 麻 
烦 ， 所 以 我 们 在 timeDiff 为 零 时 中 断 国 数 运行 : 


if (timeDiff < 1) return; 


如 果 timeDiff 是 0， 那 么 verticalchange 也 是 0。 如 果 verticalChange 是 
0， 新 旧 纵 坐标 的 值 一 样 ， 就 很 难 分 辨 角 色 到 底 在 地 面 还 是 在 半空 中 了 。 

































































我 们 首先 是 要 根据 重力 加 速度 计算 纵 坐 标 值 。 重力 总 是 会 作用 到 我 们 身上 , 即使 站 在 地 面 上 
时 也 是 如 此 。 我 们 根据 重力 常数 和 已 用 时 间 计 算出 角色 速度 和 纵 轴 位 置 的 变化 。 
为 在 基于 时 间 的 动画 里 根据 重力 计算 出 纵 轴 变化 ， 我 们 引入 当前 纵 轴 速度 (char.qy)， 并 
让 它 乘 以 timeDiff。 这 吉 括 了 角色 当前 向 上 或 向 下 的 速度 。 
然后 ,我 们 加 上 timeDiff 乘 以 gravity 的 值 来 估算 最 近 一 次 纵 轴 速度 更 新 之 后 的 运行 距离 。 
/ /假设 角色 被 重力 向 下 拉 


var verticalChange:Number = char.dy*timeDiff + timeDiff*gravity; 





if (verticalChange > 15.0) verticalChange = 15.0; 
char.dy += timeDiff*gravity; 


说 明 

verrticalChange 现在 限制 在 15.0。 这 就 是 所 谓 的 终极 速度 (terminal velocity) 。 在 
实际 生活 里 ， 这 常 发 生 在 风阻 抵消 了 重力 作用 ， 人 至 使 物体 不 能 继续 加 速 下 落 的 情况 。 我 
们 在 这 里 加 上 这 个 是 为 了 防止 ， 角 色 掉 落 了 一 段 较 长 距离 后 ， 速 度 快 到 肉眼 看 上 去 觉得 
不 自然 。 
























































































































































在 我 们 考查 向 左 或 向 右 运 动 之 前 , 我 们 先 对 接 下 来 发 生 的 事情 作 些 假设 。 我 们 假设 动画 状态 
是 "stand"， 那 么 角色 新 的 方向 就 和 当前 一 样 。 我 们 也 假设 横向 位 置 上 没有 变化 : 








// 对 按键 变化 的 反应 

Var horizontalChange = 0; 

Var newAnimSstate:SsString = "stand"; 

var newDirection:int = char.direction; 


然后 ， 我 们 通过 检查 char .moveLeft 和 char .moveRight 属性 快速 验证 以 上 假设 。 这 可 
以 在 跟踪 玩家 按 下 向 左 还 是 向 右 方向 键 的 keyDownFunction 函数 里 面 设 好 了 。 

如 果 按 下 的 是 向 左 方向 键 ,horizontalchange 被 设 为 负 的 char .walkSpeed*timeDiff。 
同时 ，newDirection 设 为 -1。 如 果 按 下 的 是 右 方向 键 ，horizontalchange 设 为 正 的 
char.walkSpeed*timeDiff， 而 且 newDirection 设 为 1。 这 两 种 情况 下 ，newanimSstate 
都 被 设 为 "walk": 


if (char.moveLeft) { 


// 向 左 走 
horizontalChange = -char.walkSpeed*timeDiff,; 
newAnimSstate = "walk"; 

















newDirection = -1; 
} else if (char.moveRight) { 
/ /向 右 走 
horizontalChange = char.walkSpeed*timeDiff; 
newAnimSstate = "walk"; 
newDirection = 1; 


} 


下 一 个 我 们 要 查看 的 是 char .jump， 当 玩家 按 下 空格 键 时 它 为 true。 我们 会 迅速 地 把 它 设 
回 false， 以 保证 这 个 动作 在 每 次 空格 键 按 下 时 只 发 生 一 次 。 

接着 , 我 们 把 char .dy 变 为 负 的 char .jumpSpeed 常量 。 这 给 了 角色 一 个 向 上 的 推力 , 也 
就 是 跳 的 源 动 力 。 

我 们 也 要 记得 将 newAnimstate 设 为 "jump"。 图 11-10 展示 了 英雄 跳 起 的 状态 。 
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图 11-10 英雄 在 空中 时 的 样子 


if (char.jump) { 
// 开 始 跳 
char.jump = false; 
char.dy = -char.jumpSpeed; 
verticalChange = -char.jumpSpeed; 
newAnimSstate = "jump"; 


} 
现在 我 们 将 查看 场景 里 的 fixedobjects 以 检测 运动 碰撞 。 但 在 此 之 前 ， 我 们 假设 左右 都 
没有 墙 体 碰撞 ， 而 角色 保持 在 空中 。 


// 假 设 没 有 撞墙 ， 挂 在 空中 
char.hitWwallRight = false; 
char.hitWallLeft = false; 
char.inAir = true; 


我 们 基于 当前 位 置 和 之 前 设置 的 verticalchange 来 计算 角色 新 的 纵 轴 位 置 : 
// 寻 找 新 的 纵 轴 位 置 
Var newY:Number = char.mc.y + verticalChange; 
现在 ,我 们 浏览 每 一 个 固定 物体 以 确定 是 否 有 角色 的 立足 之 地 。 要 达到 目的 ， 我 们 先 
看 看 角色 是 否 和 物体 在 横 轴 上 保持 一 致 。 如 果 它 过 于 靠 左 或 靠 右 ， 我 们 就 没 必 要 对 其 进行 
检测 。 
图 11-11 展示 了 其 中 一 个 例子 。 和 矩形 A 显示 的 是 在 当前 位 置 的 角色 ， 而 和 矩形 B 展示 了 
在 将 来 位 置 的 角色 。 你 可 以 看 到 角色 的 底部 在 A 里 位 于 地 板 的 上 面 ， 而 在 B 里 是 在 地 板 的 
下 面 。 
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图 11-11 只 需 一 步 ， 如 果 代 码 不 进行 阻止 的 话 角色 就 会 穿 过 地 板 


下 一 步 ， 我 们 查看 角色 当前 是 否 在 物体 之 上 而 他 的 newY 是 否 在 它 之 下 。 是 的 话 就 意味 着 角 
色 可 以 如 常 的 穿 过 物体 。 记 住 角色 的 注册 点 在 脚底 ， 而 墙 体 和 地 板 的 注册 点 在 顶部 。 

不 能 让 角色 穿 过 物体 ， 我 们 要 把 它 挡 在 物体 的 顶部 表面 。char.dy 属性 设 为 0， 而 
char.inAir 属性 设 为 false: 


/ /人 遍历 所 有 固定 物体 ， 看 看 角色 是 否 站 在 其 上 
for(var i:int=0;i<fixedObjects.length;i++) { 
if ((char.mc.x+char.width/2 > fixedObjects[i].leftside) && 
(char.mc.x-char.width/2 < fixedObjects[i].rightside)) { 
if ((char.mc.y <= fixedObjects[i].topside) && 
(newY > fixedObjects[i].topside)) { 
newY = fixedObjects[i].topside; 
Shar. dy = 03 
char.inAir = false; 
break; 








说 明 


当 一 个 角色 站 在 地 板 上 或 墙 上 的 时 候 ， 每 一 步 都 会 进行 纵向 检测 ， 这 样 就 保证 了 它 一 直 
走 在 地 板 上 。 














下 一 步 , 我 们 对 横 轴 位 置 执行 了 相似 的 检测 。 在 假设 没有 碰撞 的 情况 下 ,我 们 以 新 的 横 轴 位 
置 创建 了 变量 newx: 
/ /寻找 新 的 横 轴 位 置 


var newX:Number = char.mc.x + horizontalChange; 
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现在 ， 我 们 查看 每 一 个 Wall 和 Floor 对 象 ， 看 看 是 否 纵 向 匹配 。 如 果 匹 配 了 ， 我 们 就 看 
看 从 当前 位 置 到 新 的 位 置 的 时 候 是 不 是 发 生 了 跨越 。 

我 们 需要 检查 左右 两 边 。 只 要 测 出 有 true 值 , x 位 置 被 设 为 和 墙 精确 匹配 ,而 char .hit- 
WallLeft 或 char.hitwallRight 会 被 设 为 true: 


/ /遍历 所 有 物体 以 查看 角色 是 否 撞 进 了 墙 里 
for(i=0;i<fixedObjects.length;i++) { 
if ((newY > fixedObjects[i].topside) && 
(newY-char.height < fixedObjects[i].bottomside)) { 
if ((char.mc.x-char.width/2 >= fixedObjects[i] .rightside) && 
(newX-char .width/2 <= fixedObjects[i] .rightside)) { 
newX = fixedObjects[i] .rightside+char.width/2; 
char.hitWallLeft = true; 
break; 








if ((char.mc.x+char.width/2 <= fixedObjects[i].leftside) && 
(newX+char.width/2 >= fixedObjects[i].leftside)) { 
DewX = fixedObjects[i].leftside-char.width/2; 
char.hitWallRight = true; 
break; 


} 
现在 知道 了 角色 新 的 位 置 ， 并 综合 考虑 了 横向 和 纵向 的 速度 、 重 力 ， 以 及 地 板 和 墙 的 碰撞 。 
我 们 就 可 以 设 定 角色 的 位 置 : 
/7 设置 角色 位 置 


char.mc.x = newxX; 








char.mc.y = newyY; 
函数 的 剩余 部 分 处 理 角色 的 外 观 。 我 们 检测 char . inAir 的 值 ， 如 果 它 这 时 是 true， 我 们 


需要 将 newAnimState 设 定 为 "jump": 





// 设 置 动画 状态 
if (char.inAir) { 
newAnimSstate = "jump"; 


} 
我 们 完成 了 对 newAnimstate 的 更 改 。 该 值 开始 设 为 "stand"， 然 后 ， 当 左右 方向 键 按 下 
的 时 候 便 成 了 "walk"。 它 也 可 以 在 玩家 按 下 空格 键 或 者 角色 在 空中 的 时 候 变 为 "jump"。 现 在 ， 
我 们 把 animstate 设 为 newAnimstate 的 值 : 
char.animstate = newAnimState; 
下 面 ， 我 们 使 用 animstate 来 决定 角色 的 样子 。 如 果 角 色 是 在 走动 ，animstep 会 以 零碎 
的 timeDiff 增加 ， 而 我 们 会 检测 看 看 animstep 是 否 该 从 零 开 始 。 然 后 ， 角 色 的 帧 根据 
walkAnimation 指定 的 帧 进行 设置 
// 御 环 走动 


if (char.animstate == "walk") { 
char.animstep += timeDiff/60; 
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if (char.animstep > char.walkAnimation.length) { 
char.animstep = 0; 


} 
char.mc.gotoAndStop(char.walkAnimation[Math.floor(char.animstep)]); 


如 果 角 色 不 是 在 走动 ， 我 们 就 根据 animstate 的 值 将 帧 设置 为 "standq" 还 是 "jump " : 


/ /不 是 行走 ， 展 示 站 立 或 跳跃 状态 
} else { 
char.mc.gotoAndStop(char.animstate); 


} 


moveCharacter 要 做 的 最 后 一 件 事 是 设置 角色 的 方向 。Direction 属性 是 -1 时 向 左 , 是 1 
时 向 右 。 我 们 把 它 设 为 之 前 就 确定 的 newDirection 的 值 。 然 后 我 们 设置 角色 的 scalex 属性 。 








说 明 


设置 一 个 Sprite 或 者 影片 剪辑 的 scalex 值 是 反 转 对 象 的 一 种 简易 方式 。 不 过 如 果 你 在 
对 象 的 图 片 里 弄 了 阴影 或 三 维 效果 的 话 ， 你 就 需要 国 一 个 相反 方向 的 独立 版 本 ; 不 然 ， 
区 转 的 角色 会 有 些 怪 。 






























































// 改 变 方向 

if (newDirection != char.direction) { 
char.direction newDirection; 
char.mc.scalex char.direction; 


11.2.6 ”滚动 游戏 关卡 


每 帧 执行 的 函数 就 是 scrollwithHero。 它 会 检查 英雄 与 舞台 的 相对 位 置 。 通 过 把 
gamelevel .x 和 hero.mc .x 的 相 加 取得 stagePostion。 然 后 ,我 们 也 需要 获得 基于 屏幕 边缘 
的 rightEqge 和 1leftEdge, 减 去 edgeDistance 常量 。 这 些 就 是 屏幕 需要 开始 深 动 的 位 置 。 

如 果 英 雄 越 过 了 rightEdge 则 gamelevel 的 位 置 也 会 向 左 移动 相同 的 距离 。 不 过 ， 如 果 














gamelevel 离 左 边 太 远 的 话 ， 它 就 会 被 限制 移动 ，gamelevel 的 右 端 就 刚好 在 人 舞台 的 右 侧 。 


同样 地 ， 如 果 身 雄 走 到 了 离 左边 足够 近 的 地 方 ， 那 么 影片 剪辑 gamelevel 会 向 右 移动 ， 不 过 


当 gamelevel 的 左 侧 移 到 屏幕 的 左边 时 ，gamelevel 不 能 再 向 右 移动 了 。 


// 按 需要 向 右 或 左 滚动 
public function scrollWithHero() { 
Var stagePosition:Number = gamelevel .x+hero.mc.x; 
var rightEdge:Number = stage.stageWidth-edgeDistance; 
var leftEdge:Number = edgeDistance; 
if (stagePosition > rightEdge) { 
gamelevel.x -= (stagePosition-rightEdge); 
if (gamelevel.x < -(gamelevel .width-stage.stageWidth)) 
gamelevel.x = -(gamelevel .width-stage.stageWidth).; 
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} 

if (stagePosition < leftEdge) { 
gamelevel.x += (leftEdge-stagePosition); 
if (gamelevel.x > 0) gamelevel.x = 0; 


} 
11.2.7 ”检测 碰撞 


checkCollisions 函数 先 遍 历 所 有 敌人 , 然后 遍历 所 有 otherObjects。 它 对 每 一 个 物体 使 用 
简单 的 nitTestobject 函数 来 执行 碰撞 检测 。 

如 果 英 雄 和 敌人 碰撞 发 生 时 ,英雄 正 处 于 空中 并 且 在 向 下 掉 , 通过 调用 enemyDie 让 敌人 消 
灭 。 不 过 ， 如 果 不 是 上 述 情况 的 话 ， 调 用 的 就 是 heroDie 了 : 

// 检 测 与 敌人 、 物 品 间 的 碰撞 





public function checkCollisions() { 
// 敌 人 
for (var i:int=enemies.length-1;i>=0;i--) { 
if (hero.mc.hitTestObject (enemies [1I] .mc)) { 


// 是 hero 跳 到 enemy 头 上 吗 ? 

if (hero.inAir && (hero.dy > 0)) { 
enemyDie (i); 

} else { 

heroDie(); 





} 


} 
如 果 英 雄 磁 到 的 是 otherobjects 列表 里 的 一 个 物品 ， 那 么 会 以 该 物品 在 列表 里 的 序号 为 
参数 来 调用 getobject: 


// 物 品 
for(i=otherObjects.length-1;i>=0;i--) { 
if (hero.mc.hitTestObject (otherObjects[i])) { 


getObject (i); 
} 


} 
11.2.8 ”敌人 和 玩家 的 死亡 


当 一 个 enemy 对 象 被 消灭 ， 它 会 同时 从 影片 剪辑 gamelevel 里 和 enemies 列表 里 移 除 。 这 
就 是 让 它 消 失 需 要 做 的 所 有 事情 了 。 

不 过 ， 我 们 还 添上 了 一 个 特效 。 通 过 运用 第 8 章 的 PointBurst 类 ， 我 们 可 以 在 敌人 消失 
的 位 置 显示 某 些 文字 。 在 这 个 例子 里 ， 出 现 的 是 文字 Got Em!。 图 11-12 展示 了 一 个 敌人 被 消灭 
瞬间 的 画面 。 
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图 11-12 文字 Got Eml! 出 现在 敌人 曾经 的 位 置 上 并 升腾 着 迅速 隐 去 


// 移 除 敌 人 
public function enemyDie (enemyNum:int) { 

Var pb:PointBurst = new PointBurst (gamelevel, 
"Got Em!",enemies[enemyNum] .mc.x, 
enemies[enemyNum] .mc.y-20) ; 

gamelevel .removeCchil1d(enemies [enemyNum] .mc); 

enemies.splice(enemyNum,1); 


说 明 


要 使 用 PoijntBurst 类 ， 你 需要 将 它 复制 到 PlatformGame.fla 以 及 PlatformGame.as 所 
在 的 文件 夹 里 。 你 还 需要 在 PlatformGame.fla 的 库 里 面 增加 Arial 字体 并 设置 让 它 随 
ActionScript 输出 。 




















当 玩 家 最 终 因为 撞 上 一 个 敌人 而 死 的 时 候 ， 我 们 会 提供 之 前 就 做 好 的 对 话 框 。 

要 创建 这 个 对 话 框 ， 我 们 需要 创建 一 个 新 的 Dialog 对 象 并 把 它 赋 给 一 个 临时 变量 。 然 后 ， 
我 们 设置 x 和 y 的 位 置 并 用 adaqchila 把 它 添 加 到 舞台 上 。 

接着 ,我 们 看 看 playerLives 里 的 数字 。 如 果 是 0 的 话 ， 我 们 就 设置 对 话 框 里 的 文字 为 
Game Overl (游戏 结束 !) 并 设 gameMode 为 "gameover"。 不 过 ， 如 果 仍 然 得 有 生命 的 话 ， 我 


们 就 把 它 减 1 并 把 信息 设 为 He Got You! (你 被 干掉 了 1) ， 将 gameMode 设 为 "dead"。 6 
gameMode 在 玩家 按 下 对 话 框 里 的 按钮 时 扮演 了 非常 重要 的 角色 : 
// 敌 人 干掉 了 玩家 
public function heroDie() { 
/ /显示 对 话 框 


var dialog:Dialog = new Dialog(); 
dialog.x = 175; 

dialog,y = 100; 

addchild(dialoeg); 


if (playerLives == 0) { 
gameMode = "gameover"; 
dialog.message.text = "Game Over!"; 
} else { 
gameMode = "dead"; 


dialog.message.text = "He Got You!"; 
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playerLives--;} 


} 


hero.mc.gotoAndPlay ("die"); 
} 
heroDie 国 数 所 做 的 最 后 一 件 事 是 告诉 影片 剪辑 hero 播放 die 帧 ,这 个 函数 开始 播放 玩家 倒 


下 的 动画 。hero 动画 主 时 间 轴 的 结尾 有 个 stop 命令 ， 这 就 防止 了 循环 播放 。 图 11-13 展示 了 英 
雄 死 亡 ， 对 话 框 出 现 的 情景 。 





图 11-13 ”英雄 死 了 ， 玩 家 需要 按 下 按钮 开始 新 的 生命 


11.2.9 ”收集 分 数 和 物体 


当 玩 家 和 otherobjects 数组 里 的 一 个 物体 发 生 磁 撞 ， 他 要 么 获得 分 数 ， 要 么 获得 一 件 物 
品 ， 或 者 让 关卡 结束 。 


如 果 物 体 的 类 型 是 Treasure (宝物 ) ， 玩 家 获得 100 分 。 我 们 再 次 使 用 PointBurst 在 原 


位 显示 100。 然 后 ， 我 们 从 gamelevel 和 otherobjects 中 移 除 物体 ， 调 用 函数 a9dScore 给 总 
分 加 上 100 分 并 更 新 得 分 。 


// 玩 家 碰 到 物体 
public function getObject (objectNum:int) { 


/ /宝物 的 奖励 分 
if (otherObjects[objectNum] is Treasure) { 
Var pb:PointBurst = new PointBurst (gamelevel,100, 


otherobjects [objectNum] .x,otherObjects[objectNuml] 
gameleve1 .removeCchild(otheropbjects [obJjectNum] ) ; 
otherObjects.splice(objectNum,1); 
addscore(100); 


-.Y) ; 
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说 明 


让 不 同 宝物 具有 不 同 分 值 的 一 个 简单 途径 是 利用 Treasure 的 实例 名 。 而 这 个 游戏 一 直 
都 没有 使 用 实例 名 。 所 以 ， 可 以 设置 一 个 宝物 名 叫 "100 " 而 另外 一 个 叫 "200"。 然 后 ， 
可 以 从 otherobjects [objectNum] .name 获得 分 数值 。 









































per 
































如 果 物 体 是 Key， 我 们 使 用 PointBurst 来 显示 信息 GotKey! (得 到 钥匙 !)。 我 们 把 字符 串 
"Key "添加 到 playerobjects 数组 里 ， 好 像 一 张 清单 一 样 。 接 着 这 个 物体 就 被 从 gamelevel 和 
otherobjects 里 移 除 : 

/ /获得 钥匙 ， 加 入 清单 
} else if (otherobjects [obJjectNum]l is Key) { 
pb = new PointBurst (gamelevel, "Got Key!", 
otherObjects [objectNum] .x,otherObjects[objectNum] .y); 
playerObjects.push ("Key"); 
gamelevel .removeChild(otherObjects [objectNum] ) ; 
otherObjects.splice(objectNum,1); 


物体 还 有 可 能 是 门 。 这 种 情况 下 ， 我 们 检查 清单 playerobjects 看 看 "Key "在 不 在 。 如 

果 玩 家 已 经 拿 到 钥匙 ， 门 就 打开 。 我 们 通过 让 Door 播放 open 帧 开始 来 做 这 件 事 。 然 后 ， 我 们 
调用 levelcomplete， 它 也 同样 会 弹出 对 话 框 : 
// 碰 到 门 ， 如 果 英雄 有 钥匙 就 通关 


} else if (otherobjects [objectNum] is Door) { 





I 





if (playerObjects.indexOf ("Key") == -1) return; 

if (otherObjects[objectNum] .currentFrame == 1) { 
otherObjects [objectNum] .gotoAndPlay ("open"); 
levelComplete(); 


} 
最 后 的 可 能 就 是 玩家 已 经 找到 了 箱子 。 这 意味 着 第 2 关 的 结束 ， 也 意味 着 玩家 使 命 的 结束 。 
这 个 影片 剪辑 一 样 有 个 open 帧 ， 不 过 我 们 使 用 的 是 gotoAndstop， 因 为 并 没有 动画 。 然 后 ， 
gameComplete 被 调用 


// 获 得 箱子 ， 游 戏 胜利 

} else if (otherobjects [obJjectNum] is Chest) { 
otherobjects [objectNum] .gotoAndstop ("open"); 
gameComplete(); 








11.2.10 ”显示 玩家 状态 


现在 是 时 候 看 一 些 功能 函数 了 。 它们 在 游戏 需要 时 在 各 种 地 方 进行 调用 。 第 一 个 是 把 数字 加 
到 gameScore 上 ， 然 后 在 舞台 上 更 新 scoreDisplay 文本 字段 : 


// 加 分 
public function addScore(numPoints:int) { 
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gameScore += DumPoints:; 
scoreDisplay.text = String(gameScore); 


} 
下 面 的 函数 把 playerLives 的 值 放 到 文本 字段 levesDisplay 上 : 





/ /更 新 玩家 命 数 
public function showLives() { 
livesDisplay.text = String(playerLives); 


} 


11.2.11 关卡 和 游戏 的 结 


第 一 关 在 玩家 拿 到 钥匙 和 打开 门 后 结束 。 第 二 关 在 玩家 找到 宝箱 后 结束 。 两 种 情况 下 都 有 一 
个 Dialog 对 象 被 创建 到 屏幕 中 心 。 

在 打开 门 和 完成 第 一 关 时 ， 对 话 框 显示 Level Complete! (通关 成 功 !), 而 且 gameMode 被 设 
为 "done'" : 

/ /关卡 结束 ， 显 示 对 话 框 


public function levelComplete() { 
gameMode = "done"; 
var dialog:Dialog = new Dialog(); 
dialog,x = 175; 
dialegy = 100; 
addCchild(dialog); 
dialog.message.text = "Level Complete!"; 














让 
在 玩家 找到 宝箱 的 第 二 关 结 束 时 ， 弹 出 的 信息 是 You Got the Treasure! (你 得 到 了 宝物 !)， 
gameMode 被 设 为 "gameover": 





/ /游戏 结束 ， 显 示 对 话 框 
public function gameComplete() { 
gameMode = "gameover"; 
Var dialog:Dialog = new Dialog(); 
dialog;x = 175; 
dialog.y = 100; 
addChild(dialog); 
dialog.message.text = "You Got the Treasure!"; 


} 
11.2.12 ”游戏 对 话 框 


当 玩 家 死亡 、 通 关 或 者 完成 游戏 时 会 出 现 对 话 框 。 当 玩家 单 击 对 话 框 里 的 按钮 时 , 会 调用 主 
类 里 的 clickDialogButton 函数 。 下 面 是 在 Dialog 对 象 里 的 代码 : 

okButton.addEventListener (MouseEvent .CLICK,MovieClip (parent) .clickDialogButton); 

clickDialogButton 函数 所 做 的 第 一 件 事 就 是 移 除 对 话 框 : 

// 对 话 框 按钮 被 按 下 


public function clickDialogButton(event:MouseEvent) { 


11.3 修改 游戏 353 





removeChild(MovieClip(event.currentTarget .parent)); 
接着 ， 它 要 根据 gameMode 的 值 决定 下 一 步 做 什么 。 如 果 玩 家 死 了 ,更 新 命 数 的 显示 ， 而 当 
关卡 开始 时 英雄 会 放 回 到 曾经 的 位 置 ， 而 gameMode 会 设 为 "play" 好 让 游戏 继续 。 
// 新 生命 ， 重 新 开始 ; 或 到 下 一 关 
if (gameMode == "dead") { 
// 重 置 英雄 


ShowLives (); 





hero.mc.x hero.startx; 
hero.mc.y hero.starty; 
gameMode = "play"; 


如 果 gameMode 是 "gameover" ,也 就 是 玩家 失去 最 后 一 条 命 或 找到 宝箱 的 情况 下 ,cleanUp 
国 数 被 调用 以 移 除 影 片 剪 辑 gamelevel， 影 片 回 到 开始 ， 


} else if (gameMode == "gameover") { 
cleanUp (); 
gotoAndSstop("start"); 


另 一 种 可 能 是 gameMode 为 "done"。 这 就 意味 着 它 该 到 下 一 关 了 。cleanUp 函数 再 次 被 调 
用 ， 然 后 影片 跳 到 下 一 帧 ， 一 个 新 版 本 的 gamelevel 又 将 开始 : 


} else if (gameMode == "done") { 
cleanUp (); 
nextFrame(); 


} 
最 后 ， 要 记得 把 键盘 焦点 交 回 给 舞台 。 当 按钮 被 单 击 时 舞台 失去 了 焦点 。 我 们 要 确保 方向 键 
和 空格 键 都 已 经 回 到 了 舞台 范围 内 ， 


// 把 键盘 焦点 交还 给 兽人 台 
stage.focus = stage; 


} 
由 clickDialogButton 函数 调用 的 cleanUp 国 数 移 除 了 gamelevel .用 在 舞台 上 的 侦 听 器 
以 及 ENTER_FRAME 侦 听 器 。 如 果 玩 家 进入 下 一 关 的 话 ， 这 些 会 在 startLevel 重建 : 


/ /清理 游戏 

public function cleanUp() { 
removeChild(gamelevel); 
this.removeEventListener (Event .ENTER_FRAME, gameLoop); 
stage.removeEventListener (KeyboardEvent .KEY_DOWN, keyDownFunction); 
stage.removeEventListener (KeyboardEvent .KEY_UP, keyUpFunction); 











} 
11.3 ”修改 游戏 


要 让 这 个 游戏 更 实际 和 富有 挑战 性 ， 需 要 增加 更 多 关卡 和 元 素 。 et 
目前 , 第 一 关 在 得 到 钥匙 找到 门 后 结束 。 你 可 能 想 要 让 代码 增加 其 他 选项 ， 比 如 门 并 不 需 
匙 或 者 门 需要 多 把 钥匙 。 
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另 一 个 让 游戏 更 有 趣 的 特性 是 让 死 法 更 多 样 。 现 在 来 说 , 你 只 会 在 非 跳跃 时 碰 到 敌人 才 会 死 。 





而 杀 死 它们 非常 容易 。 
如 果 同 时 存在 能 杀 死 你 的 砖头 或 者 其 他 物体 的 话 呢 ? 例如 , 可 以 有 些 动态 火 坑 让 你 不 得 不 跳 
过 它 来 朝 目标 进发 。 


也 可 以 有 更 多 动态 的 险 境 ， 比 如 从 墙 上 飞 出 长 矛 。 飞 出 的 武器 磁 到 对 面 墙 就 会 自动 “死亡 ”， 
如 一 般 的 敌人 。 而 你 可 以 设 个 计时 器 定 下 长 矛 射 出 的 间隔 。 

一 切 第 有 可 能 。 虽然 做 一 个 有 创意 和 有 趣 的 平台 游戏 很 容易 , 而 做 一 个 差 的 也 很 容易 。 因此， 
要 仔细 考虑 你 的 游戏 设计 并 不 断 地 测试 和 调整 设计 。 























加 驶 和 竞 速 游戏 


本 章 内 容 


口 创建 俯视 图 驾驶 游戏 

口 建立 Flash 帝 速 游戏 

在 第 11 章 里 ， 你 了 解 了 在 ActionScritpt 游戏 里 怎样 创建 一 个 小 世界 。 这 种 平台 游戏 创建 了 一 
种 经 常用 在 室内 冒险 和 探索 游戏 里 的 侧 视图 场景 。 

俯视 图 是 游戏 世界 里 的 另 一 种 视角 。 这 种 视图 几乎 可 以 适用 于 任何 情节 和 主题 。 你 可 以 在 很 
多 俯视 图 游戏 里 看 到 玩家 能 够 开 着 车 在 小 镇 或 者 其 他 室外 环境 里 兜 风 。 

在 本 章 中 , 我 们 看 看 俯视 图 驾驶 游戏 和 一 个 直线 竞 速 游 戏 。 两 种 类 型 的 游戏 有 某 些 相同 之 处 。 


12.1 创建 俯视 图 驾驶 游戏 
我 们 来 创建 一 个 简单 的 俯视 图 驾驶 游戏 吧 。 这 个 游戏 的 特征 是 有 一 张 详细 的 地 图 、 一 部 小 车 、 CE 
要 收集 的 物品 和 一 个 包括 存放 所 收集 物品 的 地 方 的 复杂 游戏 逻辑 。 


源 文 件 
http://flashgameu.com 
A3GPU212_TopDownGame.zip 


12.1.1 创建 一 个 俯视 下 的 世界 








这 章 的 示例 游戏 提供 的 是 一 个 校园 环境 。 它 是 一 个 3 x3 的 区 域 ， 包括 了 各 式 各 样 的 建筑 及 
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其 之 间 的 街道 。 图 12-1 展示 了 这 个 校园 。 





图 12-1 整个 游戏 界面 约 为 2400 像素 x2400 像素 


如 果 仔 细 看 看 地 图 的 底部 附近 的 门口 ， 你 会 发 现 一 部 小 车 。 那 就 是 玩家 的 车 , 玩家 可 以 “ 开 
着 ” 它 在 地 图 里 兜 风 。 

因为 地 图 很 大 ， 所 以 玩家 每 次 都 只 能 看 到 其 中 的 一 小 块 地 方 。 重 申 一 下 ， 地 图 是 2400 像素 
见方 的 ， 而 屏幕 只 有 550 像素 x 400 像素 。 

当 玩 家 开车 时 ， 地 图 会 根据 车 的 位 置 自 动 调 整 使 车 始终 在 舞台 的 中 心 。 

图 12-2 显示 了 游戏 开始 时 的 界面 ， 你 可 以 看 到 底部 的 大 门 ， 大 门 的 上 面 有 很 多 停车 位 。 





Left: 100 score: 0 Time: 0:00 


图 12-2 ”每 次 都 只 能 看 到 地 图 上 550 像素 x 400 像素 的 一 小 块 区 域 
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se 剪辑 里 面 。 由 于 布局 上 的 需要 ， 其 中 的 9 个 建筑 群 都 有 自 
己 的 影片 剪辑 。 种 不 同 的 转角 部 分 组 成 。 外 墙 也 是 由 一 些 不 同 的 部 分 组 成 。 

所 有 这 些 图形 元 素 都 只 是 为 装饰 ， 对 于 代码 来 说 不 那么 重要 。 这 对 于 美工 来 说 是 个 好 消 

， 因 为 这 意 es ee th ee 

车 在 屏幕 上 可 以 移动 到 任何 地 方 ， 限 制 很 少 。 

首先 ， 车 只 能 在 外 墙 之 内 移动 。 这 个 限制 由 最 大 和 最 小 的 x 和 y 值 定义 。 

其 次 ， 车 无 法 进入 其 他 影片 剪辑 的 特定 区 域 。 我 们 将 这 些 影片 剪辑 称 为 Block。 如 果 车 磁 到 
了 其 中 的 一 个 ， 它 会 停 在 其 边缘 。 





说 明 


block (障碍 物 ， 街 区 ) 的 使 用 有 3 层 意义 。 最 重要 的 是 ， 它 阻止 了 车 进入 某 个 区 域 。 此 
外 ， 它 还 表示 了 地 图 上 的 城市 竺 区。 最 后 ， 它 也 表示 了 视觉 上 的 矩形 。 




















这 9 个 Block 被 置 于 地 图 中 九 大 建筑 群 之 上 。 图 12-3 用 厚 厚 的 边框 展示 了 这 些 Block 的 位 置 。 








(mmm) 




















图 12-3 9 个 Block 影 片 剪 辑 都 带 着 粗 粗 的 外 框 线 
这 个 游戏 的 目的 是 收集 校园 垃圾 并 将 其 丢 在 垃圾 桶 里 。 在 校园 的 3 个 角 上 有 垃圾 桶 。 
有 3 种 类 型 的 垃圾 ， 一 个 垃圾 桶 对 应 一 种 : 易 拉 饶 、 废 纸 和 玻璃 瓶 。 
我 们 不 是 手动 将 垃圾 摆 到 图 上 ， 而 是 用 代码 。 代 码 会 在 校园 里 随机 摆 放 100 件 垃圾 。 我 们 要 
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确保 它们 不 是 在 Block 上， 否则， 车 就 无 能 为 力 了 。 

游戏 的 难度 在 于 ， 要 收集 所 有 的 垃圾 并 将 其 分 别 投 到 对 应 的 垃圾 桶 里 。 而 且 ， 车 每 次 只 能 装 
10 件 不 同 的 垃圾 。 玩 家 要 再 装 别 的 垃圾 的 话 ， 就 必须 先 找到 一 个 垃圾 桶 印 掉 甚 中 的 一 部 分 。 

在 玩家 必须 根据 自己 要 前 往 的 垃圾 桶 来 决定 自己 应 该 收集 哪 种 垃圾 时 , 游戏 就 会 变 得 更 有 挑 
战 性 。 
12.1.2 游戏 设计 

在 开始 编程 之 前 ,， 先 花 时 间 看 看 所 有 的 游戏 输入 、 物 件 以 及 机 制 是 值得 的 。 这 有 助 于 弄 清 楚 
我 们 需要 做 什么 。 


1. 车 的 控制 
车 由 方向 键 控 制 。 事 实 上 ， 只 需要 3 个 键 。 图 12-4 展示 了 影片 剪辑 car。 



































小写 | 99 国 S 国 \ PSMwOS ASO/-r 06F7 国 关 
回 和 





























到 12-4 影片 剪辑 car 朝向 右边 ， 所 以 0” 刚好 匹配 由 Math.cos 和 Math.sin 
所 表示 的 方向 


我 们 并 不 是 完全 模拟 真实 世界 ， 所 以 诸如 加 速 、 刹 车 、 倒 车 等 都 忽略 不 计 ， 因 为 玩家 并 不 需 
要 用 到 这 些 。 在 这 个 例子 里 ， 可 以 左 转 、 右 转 和 向 前 移动 就 已 经 足够 了 。 

我 们 使 用 向 左 和 向 右 方向 键 直接 改变 车 的 rotation 属性 。 然 后 使 用 rotation 的 Math. 
cos 和 Math.sin 值 来 决定 向 前 的 移动 ,这 和 我 们 在 第 7 章 里 太空 岩石 游戏 对 方向 键 和 三 角 函 数 
的 使 用 相似 。 

2. 车 的 分 界线 

车 被 限制 在 街道 上 ,详细 点 说 ,就 是 车 不 能 离开 地 图 , 也 不 能 越过 任何 Block 影片 剪辑 。 Block 
影片 剪辑 如 图 12-5 所 示 。 
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12-5 只 有 设计 者 才能 看 到 Block。 一 个 红色 细 线 外 框 和 半 透 明 填 充 帮助 我 们 对 它们 
进行 定位 

要 实现 这 种 限制 ， 我 们 把 car 和 Block 的 矩形 相 比较 。 我 们 会 在 游戏 一 开始 就 获得 它们 的 清 
单 。 如 果 car 的 矩形 和 任何 一 个 Block 相交 ， 我 们 就 让 它 退 回 到 之 前 Block 以 外 的 位 置 。 

这 和 第 5 章 中 弹 球 游戏 的 运行 方式 一 样 。 不 过 ， 不 是 把 car 从 Block 弹 开 ， 而 是 刚好 将 其 拒 
于 Block 之 外 就 行 了 。 

3. 垃圾 

垃圾 其 实 是 一 个 有 3 帧 的 影片 剪辑 TrashObject。 我 们 把 它们 随机 摆 在 地 图 上 , 确保 一 个 都 不 
要 放 在 Block 上 。 

当 垃 圾 被 定位 之 后 ， 它 会 被 随机 设置 到 第 1、2 或 3 帧 ， 代 表 易 拉 负 、 废 纸 和 玻璃 瓶 这 3 类 
垃圾 中 的 一 类 。 图 12-6 展示 了 TransObject 影片 剪 辑 。 
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图 12-6 TrashObject 影片 剪辑 有 3 个 不 同 的 帧 ， 各 有 一 个 种 类 的 垃圾 
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当 车 在 四 处 搜寻 垃圾 的 时 候 ， 我 们 查看 每 个 TrashObject 和 它 之 间 的 距离 ， 好 把 车 开 到 足够 
近 将 垃圾 捡 起 。 

我 们 将 垃圾 从 屏幕 移 除 并 持续 记录 玩家 所 持 有 的 各 类 垃圾 的 数量 ,我 们 把 每 次 的 总 数控 制 在 
10， 并 在 满载 时 通知 玩家 。 

然后 ， 当 玩家 接近 一 个 垃圾 桶 时 ， 我 们 把 玩家 的 收集 里 该 种 类 的 件数 请 零 。 聪 明 的 玩家 会 每 
次 只 装 一 种 垃圾 ， 这 样 在 相应 的 垃圾 桶 边 就 可 以 全 部 清空 。 

4. 游戏 记分 和 计时 

在 图 12-7 底部 的 分 数 提示 器 比 我 们 之 前 在 其 他 游戏 里 所 做 的 都 更 重要 。 玩家 必须 小 心 留意 。 


TopDownDrive.swf 











2 3 时 1 1 Left: 95 Sscore: 0 


图 12-7 分 数 提示 器 在 屏幕 底部 ， 下 面 垫 着 半 透 明 框 





头 3 个 提示 标识 是 玩家 拥有 的 垃圾 数 。 因 为 玩家 在 驶 向 垃圾 桶 之 前 最 多 只 能 装 10 个 垃圾 ， 
所 以 他 们 会 尽量 装 一 样 的 。 而 且 ， 他 们 会 留意 自己 什么 时 候 将 要 装 满 。 

我 们 会 在 车 满载 的 时 候 把 这 3 个 数字 变 成 红色 。 我 们 也 会 采用 声音 提示 。 当 玩家 驶 近 一 块 
垃圾 的 时 候 会 播放 一 个 捡 起 的 声音 。 不 过 ， 当 车 满载 的 上 时候， 会 播放 另 一 段 声 音 ， 而 把 垃圾 扎 
在 街 上 。 

接着 的 3 个 提示 标识 分 别 显示 了 剩余 的 垃圾 数 、 已 找到 的 垃圾 数 和 已 用 时 间 。 时 间 在 这 儿 是 
个 关键 值 。 玩 家 只 要 不 早早 退出 ， 就 总 能 找到 100 件 垃圾 。 时 间 相 当 于 得 分 。 游 戏 玩 得 好 也 就 意 
味 着 用 时 短 。 


12.1.3 ”类 的 定义 


目前 来 看 这 个 游戏 的 代码 非常 简单 。 它 首先 会 检查 Flash 影片 所 创建 的 环境 ， 然 后 逐 帧 查看 
玩家 的 变化 和 移动 。 

pakcage 始 于 大 范围 类 库 的 导入 。 除 了 常规 方面 ， 我 们 加 上 用 在 Point 和 Rectangle 对 
象 身上 的 flash.geom.*， 还 有 用 在 音效 方面 的 flash.media.Sound 和 flash.media. 
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SoundqCchannel: 


package { 
import flash.display.*; 
import flash.events.*; 
import flash.text.*; 
import flash.geom.*; 
import flash.utils.getTimer; 
import flash.media.Soungd; 
import flash.media.SoundChannel; 


这 个 游戏 的 常量 很 多 。speed 和 turnspeed 控制 车 对 方向 键 的 反应 。carSize 决定 了 
车 相对 于 中 心 点 的 和 矩形 边界 : 


public class TopDownDrive extends MovieClip { 


// 常 量 
St atic const speed:Number = .3; 
static const turnSpeed:Number = .2; 


static const carSize:Number = 50; 
常量 mapRect 定义 了 地 图 的 边界 。 相 当 于 环绕 校园 的 外 墙 : 
static const mapRect:Rectangle = new Rectangle(-1150,-1150,2300,2300); 
常量 numTrashopjects 是 游戏 开始 时 生成 的 垃圾 数 。 我 们 用 maxcarry 设置 玩家 每 次 能 
运送 的 最 大 量 : 
static const numTrashObjects:uint = 100; 
static const maxCarry:uint = 10; 


接 下 来 的 两 个 常量 设置 垃圾 和 垃圾 桶 的 有 效 作用 距离 。 如 果 你 把 垃圾 桶 移 到 离 道路 稍 远 的 地 
方 或 者 改变 了 常量 carSize， 或 许 就 需要 调整 这 个 数字 : 


static const pickupDistance:Number = 30; 
static const dropDistance:Number = 40; 








说 明 


别 把 pickUpDistance 设 得 过 大 ,因为 多 数 玩 家 都 希望 在 专心 收集 某 类 垃圾 的 时 候 可 
以 无 所 顾忌 地 从 其 他 类 的 垃圾 旁边 涩 过 。 














加 











变量 可 以 分 为 3 组 。 第 一 组 是 用 于 记录 游戏 对 象 的 一 系列 数组 。 
blocks 数组 包含 所 有 阻止 车 驶 离 道路 的 Block 对 象 .rashobjects 是 地 图 上 随机 散布 的 
所 有 垃圾 的 清单 。trashcans 数组 包含 了 用 来 扔 垃圾 的 3 个 垃圾 桶 : 
/ /游戏 对 象 


private var blocks:Array; 
private var trashObjects:Array; 
private var trashcans:Array; 
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下 一 组 变量 用 来 处 理 游戏 状态 。 我 们 从 常规 的 按键 布尔 值 变量 开始 : 
/ /游戏 变量 
private var arrowLeft, arrowRight, arrowUp, arrowDown:Boolean; 
接 下 来 是 两 个 时 间 值 。 第 一 个 是 lastTime， 用 于 决定 上 一 个 动画 步 之 后 的 时 间 长 度 。 
gameStartTime 用 于 计算 玩家 的 游戏 时 间 : 


private var lastTime:int; 
private Var gameStartTime:int; 


onboard 数组 是 垃圾 桶 的 清单 ， 每 个 元 素 代 表 一 个 垃圾 桶 ， 因 此 它 一 共有 3 个 元 素 。 这 3 
个 元 素 都 从 0 开始， 包含 着 目前 玩家 所 载 的 各 种 垃圾 数目 。 
private var onboard:Array; 
变量 totalTrashobjects 包含 了 了 onboard 里 3 个 数字 的 总 和 。 我 们 将 用 它 来 快速 简单 地 
确定 车 是 否 还 有 空间 载 得 更 多 : 


private var totalTrashObjects:int; 


score 是 成 功 扒 起 并 运 到 垃圾 桶 的 垃圾 数量 : 


private Var score:int; 


lastObject 变量 用 来 决定 什么 时 候 播 放 表示 “不 能 再 装 啦 ， 车 已 经 满 啦 ”的 声音 。 当 玩家 
已 经 收集 了 10 个 垃圾 ， 而 他 又 碰 到 了 一 个 垃圾 的 时 候 ， 我 们 播放 一 段 消 极 的 声音 ， 和 有 空间 放 
时 播放 的 积极 声音 刚好 相反 。 

由 于 垃圾 不 会 从 地 图 上 抹 去 ， 可 以 想象 得 到 ,碰撞 会 马上 再 次 发 生 ， 直 到 车 开 到 离 这 个 垃 专 
足够 远 的 地 方 为 止 。 
因此 ， 我 们 把 对 这 个 Trash 对 象 的 引用 记 到 了 lastobject 里 并 用 于 随后 的 引用 。 这 样 我 
们 就 知道 针对 这 个 对 象 的 消极 声音 已 经 播放 了 ， 即 使 车 仍 在 附近 也 不 会 重复 播放 : 


private Var lastObject:Object; 
最 后 的 这 些 变 量 是 对 影片 库 里 存储 的 4 个 声音 的 引用 。 所 有 这 些 声 音 已 经 设 好 了 linkage 属 
性 ， 所 以 它们 能 像 类 一 样 让 ActionScript 访 问 : 


/ /声音 

Var theHornSound:HornSound = new HornSound(); 

Var theGotOneSound:GotOneSound = new GotOneSound(); 
Var theFullSound:FullSound = new FullSound(); 

Var theDumpSound:DumpSou nd = new DumpSound(); 





12.1.4 构造 函数 


当 影 片 播放 至 第 2 帧 的 时 候 ， 它 调用 startTopDownDrive 来 开启 游戏 。 
这 个 函数 马上 调用 findBlocks 和 placeTrash 来 设置 地 图 。 我 们 稍 后 就 看 看 这 些 国 数 : 


public function startTopDownDrive() { 
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// 获 取 街 区 
findBlocks () ; 


/ /放置 垃圾 
placeTrash(); 


因为 只 有 3 个 垃圾 桶 ， 而 且 它 们 已 经 在 gameSprite 里 进行 了 特别 命名 ， 所 以 我 们 用 一 行 
简单 的 代码 把 它们 放 进 数组 trasncans 里 。 


说 明 
gamesprite 是 GameMap 在 舞台 上 的 实例 。 在 库 里 它 实际 上 是 一 个 影片 剪辑 。 不 过 因 
为 它 只 含有 一 帧 ， 所 以 我 们 叫 它 gamesprite。 









































/ /设置 垃圾 桶 
trashcans = new Array (gamesprite.Trashcanl, 
gamesprite.Trashcan2, gamesprite.Trashcan3); 


因为 Trash 对 象 是 用 代码 创建 的 ， 而 car 在 代码 运行 之 前 就 已 经 存在 于 gameSprite 里 ， 
所 以 垃圾 会 在 车 之 上 。 这 种 情况 会 在 车 满载 通过 其 他 垃圾 时 尤为 明显 。 你 会 看 到 垃圾 漂浮 在 汽车 
之 上 一 一 如 果 我 们 不 采取 措施 的 话 。 通 过 调用 setchildIndex 时 传人 gameSprite.numchi- 
lgren-1 和 参数， 我 们 把 car 重新 放 到 了 整个 游戏 的 最 顶层 。 
/ /确保 car 在 顶层 


gamesprite.setChildIndex(gamesprite.car,gamesprite.numChildren-1); 





























说 明 

还 有 一 种 方法 , 就 是 在 GmaeMap 里 创建 一 个 空 的 影片 剪辑 来 存放 所 有 的 垃圾 。 然 后 我 们 
可 以 把 它 放 在 时 间 轴 的 一 个 层 里 ， 这 一 层 比 车 低 ， 比 街区 高 。 当 我 们 有 有 某 些 部 件 〈 例 如 
桥 ) 需要 高 于 车 和 垃圾 时 ， 这 种 做 法 就 很 重要 。 































































































我 们 需要 3 个 侦 听 器 ， 一 个 用 于 侦 听 ENTER_FRAME 事件 ， 该 事件 管理 着 整个 游戏 ， 其 他 两 
个 用 于 侦 听 按键 ， 下 到 


// 添 加 侦 听 器 
this.addEventListener (Event .ENTER_FRAME, gameLoop); 
stage.addEventListener (KeyboardEvent .KEY_DOWN, keyDownFunction); 
stage.addEventListener (KeyboardEvent .KEY_UP, keyUpFunction); 


我 们 接着 设置 游戏 状态 。GameStartTime 设 为 当前 时 间 。onboard 数组 全 部 设 为 0， 
totalTrashobjects 和 score 也 是 如 此 。 
/ /设置 游戏 变量 
gameStartTime = getTimer (); 
onboard = new Array (0,0,0); 
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totalTrashObjects = 0; 
Score = 0; 


我 们 马上 调用 两 个 功能 函数 让 游戏 运行 起 来 。centerMap 函数 负责 把 gameSprite 放 好 以 
使 car 处 于 屏幕 中 心 。 如 果 现 在 不 调用 它 , 则 会 在 第 一 个 ENTER_FRAME 事件 发 生 之 前 在 原始 时 
间 轴 上 有 一 段 gameSprite 出 现 的 flash。 

调用 showScore 的 背后 其 实 也 是 有 类 似 想法 的 ， 所 以 所 有 分 数 提示 器 在 玩家 看 到 它们 之 前 
都 被 设 为 原 值 始 : 


centerMap(); 
ShowScore () ; 


最 后 ， 我 们 以 调用 功能 函数 playsouna 播放 一 段 声 音 来 结尾 。 我 放 进 了 简单 的 鸣 笛 声 提醒 
玩家 游戏 已 经 开始 : 


playSound (theHornSoundgd); 























} 


12.1.5 ”寻找 街区 


要 在 gameSprite 里 寻找 所 有 Block 对 象 , 我 们 需要 遍历 gameSprite 里 所 有 的 子 元 件 并 
利用 is 操作 符 看 看 哪些 子 元 件 是 Block 类 型 的 。 
找到 之 后 ， 把 它们 添加 到 blocks 数组 里 。 我 们 还 要 将 每 一 个 Block 对 象 的 visible 属性 
设置 为 false, 以 让 它们 对 玩家 不 可 见 。 这 么 做 使 我 们 在 影片 开发 阶段 能 清晰 地 看 着 它们 , 一 直 
到 游戏 制作 完成 之 前 都 不 用 急 着 去 隐藏 它们 或 把 它们 设 为 透明 色 。 
// 导 找 所 有 Block 对 象 
public function findBlocks() { 
blocks = new Array (); 
for (var i=0;i<gamesprite.numChildren;i++) { 
Var mc = gamesprite.getChildAt (i); 
if (mc is Block) { 
/7/ 加 到 数组 里 并 使 其 不 可 见 
DlLocks .Push (mc); 
mc.visible = false; 


} 


12.1.6 垃圾 的 放置 


为 随机 放置 100 个 垃圾 ， 我 们 需要 循环 100 次 ， 每 一 次 放 一 个 : 
// 创 建 随机 的 Trash 对 象 


public function placeTrash() { 
trashObjects = new Array (); 
for(var i:int=0;i<numTrashObjects;i++) { 


每 一 次 的 放置 ， 我 们 都 会 开启 第 二 循环 。 接 着 ， 我 们 为 垃圾 尝试 名 种 x 值 和 y 值 : 
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/ /一直 循环 


while (true) { 


// 随 机 位 置 
var x:Number Math.floor (Math.random()*mapRect .width) +mapRect .x; 


Math.floor (Math.random()*mapRect.height)+mapRect.y; 


var y:Number 


得 到 一 个 位 置 之 后 , 需要 检测 它 是 否 和 既 有 的 Block 对 象 冲突 。 如 果 该 位 置 就 在 一 个 Block 
对 象 上 ， 那 么 要 通过 将 局 部 变量 inonBlock 设置 为 true 来 标注 它 : 
// 遍 历 所 有 Block 看 看 垃圾 放置 点 有 没有 在 其 之 上 


var isOnBlock:Boolean = false; 
for(var j:int=0;j<blocks.length;j++) { 
if (blocks[j] .hitTestPoint (x+gamesprite.x,yt+gamesprite.y)) { 
isOnBlock = true; 
break; 


} 
如 果 位 置 点 没有 和 任何 Block 对 象 重合 ， 我 们 接着 就 创建 一 个 新 的 Trashobject 对 象 。 

然后 ， 我 们 设 好 它 的 位 置 。 我 们 也 需要 为 其 选择 一 个 随机 类 型 ， 方法 是 让 影片 剪辑 跳 到 1、2、3 
帧 中 的 一 帧 .图 12-8 展示 了 游戏 开始 时 3 个 TrashObject 影 片 剪 辑 被 放 到 car 起 始点 附近 的 情形 


OO TopDownDrive.swf 











4 


二 及 
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Left: 100 score: 0 Time: 0:08 


图 12-8 游戏 开始 时 3 个 TrashOjbect 影片 剪辑 被 随机 放 到 了 car 的 附近 


说 明 


影片 剪辑 TrashObject 里 有 3 帧 ， 和 名 含有 一 张 不 同 的 图 形 。 这 些 帧 实际 上 本 身 也 是 影 刻章 
名 本 来 在 TrashObject 里 是 不 需要 独立 的 影片 剪辑 的 ， 不 过 我 们 希 黑 把 相同 的 图 形 显示 
在 垃圾 桶 上 以 表明 该 桶 所 对 应 的 垃圾 类 型 。 这 样 ， 我 们 只 需要 企 库 里 有 每 一 张 图 形 的 一 
个 版 本 就 行 了 。 
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我 们 把 这 块 垃圾 添加 到 trashobjects 里 并 退出 循环 。 
最 后 的 这 个 break 退出 了 while 循环 并 让 程序 进入 下 一 个 垃圾 的 定位 。 不 过 ， 如 果 
isonBlock 为 真 ， 我 们 会 继续 while 循环 并 选 另 一 个 位 置 来 测试 : 


// 没 有 重合 ， 所 以 可 以 用 
if (iSOnBLocGk) 艺 
Var newObject:TrashObject = new TrashObject (); 
newObject.x = xX; 
newObject.y = y; 
newObject .gotoAndStop (Math.floor (Math.random()*3)+1); 
gamesprite.addChild (newObject); 
trashObjects.push (newObject); 
break; 


说 明 


测试 诸如 placeTrash 的 定位 负数 时 ， 最 有 效 的 方法 就 是 把 对 象 数 设 得 很 高 。 例 如 ， 
在 测试 Place Trash 时 ， 我 就 把 对 象 数 设 到 了 10 000。 这 会 让 垃圾 堆 满 生 ， 不 过 我 可 
以 清楚 地 看 到 它们 都 在 我 让 它们 在 的 地 方 ， 而 不 会 跑 到 别 的 地 方 。 


























12.1.7 键盘 输入 


游戏 包含 了 一 套 与 之 前 游戏 所 用 差不多 的 键盘 输入 函数 。4 个 布尔 值 对 应 4 个 方向 键 的 按 下 
和 释放 。 
// 标 注 按键 ， 设 置 属性 


public function keyDownFunction(event:KeyboardEvent) { 
if (event.keyCode == 37) { 
arrowLeft = true; 
} else if (event.keyCode == 39) { 
arrowRight = true; 
} else if (event.keyCode == 38) { 
arrowUp = true; 
} else if (event.keyCode == 40) { 





arrowDown = true; 


public function keyUpFunction(event:KeyboardEvent) { 


if (event.keyCode == 37) { 
arrowLeft = false; 
} else if (event.keyCode == 39) { 


arrowRight = false; 
} else if (event.keyCode == 38) { 
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arrowUp = false; 
} else if (event.keyCode == 40) { 
arrowDown = false; 
} 
} 


12.1.8 游戏 循环 


gameLoop 国 数 掌控 车 的 移动 。 在 这 个 游戏 中 也 没有 其 他 移动 的 物体 。 玩 家 移动 车 ，games- 
ite 里 的 其 他 东西 都 固定 不 动 。 
这 是 个 基于 时 间 的 动画 游戏 ， 所 以 我 们 计算 上 一 帧 起 已 过 的 时 间 并 根据 时 间 值 移动 物体 : 


public function gameLoop (event :Event) { 


// 计 算 已 过 时 间 
if (lastTime == 0) lastTime = getTimer(); 


Var timeDiff:int = getTimer()-lastTime; 
lastTime += timeDiff; 


我 们 监测 左右 方向 键 并 调用 rotateCar 来 控制 转弯 。 我 们 传 入 timeDiff 和 要 转 的 方向 : 
// 左 转 或 右 转 


if (arrowLeft) { 

rotateCar (timeDiff,"left"); 
} 
if (arrowRight) { 

rotateCar (timeDiff,"right"); 
} 


如 果 按 的 是 向 上 方向 键 , 我 们 调用 传 入 timeDiff 的 movecar。 之 后 ,我们 调用 centerMap 
来 确保 gameSprite 相对 于 car 的 新 位 置 准确 地 保持 一 致 。 
函数 checkcollisions 负责 查看 玩家 是 否 碰 到 垃圾 或 接近 垃圾 桶 : 
// 移 动车 


if (arrowUp) { 
moveCar (timeDiff).; 
centerMap (); 
checkCollisions(); 


} 
请 记 住 ,， 时间 是 这 个 游戏 里 的 真正 得 分 。 玩 家 是 和 时 钟 赛跑 。 因 此 ,我 们 要 更 新 时 间 让 玩家 
知道 他 玩 得 如 何 : 
// 更 新 时 间 并 检查 游戏 是 否 结束 


showTime (); 


} 

让 我 们 马上 看 看 centerMap 函数 ， 因 为 它 是 如 此 简单 。 它 所 要 做 的 无 非 就 是 设置 ganes- 
ite 的 位 置 为 其 中 car 位 置 值 的 相反 数 。 例 如 ,car 在 gameSprite 里 的 位 置 为 (1000, 600), 就 
设置 gameSprite 的 位 置 为 (-1000, -600)， 这 就 使 得 car 处 于 舞台 的 (0, 0) 位 置 。 

不 过 , 我 们 并 不 是 要 定 到 (0, 0) 位 置 ， 即 中 心 的 左上 角 。 我 们 要 的 是 让 它 在 舞台 的 中 心 ， 因此 
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加 上 了 (275, 200) 来 调整 它 到 中 心 。 


说 明 

如 果 你 想 要 改变 舞台 的 可 视 区 域 ， 比 如 改 到 640 x 480， 你 也 要 相应 调整 上 面 这 些 值 来 适 
应 这 个 变化 。 所 以 ， 一 个 640 x 480 的 舞台 意味 着 car 要 定 的 中 心 位 置 x 和 y 值 分 别 为 
320 和 240。 



















































































public function centerMap() { 
gamesprite.x = -gamesprite.car.x + 275; 
gamesprite.y = -gamesprite.car.y + 200; 


} 


12.1.9 车 的 移动 


游戏 里 对 车 的 掌控 其 实 并 不 符合 实际 : 车 可 以 以 自己 为 中 心 逢 帧 转动 一 些 角度 ,也 就 是 说 这 
辆 车 可 以 不 用 向 前 开 就 能 实现 转弯 。 你 可 以 用 自己 的 丰田 车 试 试看 行 不 行 。 
当然 , 你 在 玩 的 时 候 是 不 会 在 意 的 。 旋转 是 基于 时 间 的 , 所 以 它 是 timeDiff 和 trunSpeed 
常量 的 产物 。 无 论 影片 的 帧 频 为 多 少 ， 车 都 应 该 以 相同 的 速率 转弯 : 
public function rotateCar (timeDiff:Number, direction:String) { 
if (direction == "left") { 
gamesprite.car.rotation -= turnSpeed*timeDiff; 
} else if (direction == "right") { 
gamesprite.car.rotation += turnSpeed*timeDiff; 








} 
} 


把 车 向 前 移动 也 可 以 是 很 简单 的 一 一 假如 不 需要 检测 和 Block 对 象 以 及 地 图 边缘 的 碰撞 的 话 。 
我 们 用 Rectangle 对 象 和 intersects 函数 简化 了 碰撞 检测 。 所 以 ， 我 们 首先 需要 的 是 
car 的 Rectangle 对 象 。 
因为 车 会 旋转 所 以 car 已 然 做 成 矩形 了 ,但 直接 使 用 影片 剪辑 自身 的 Rectangle 会 有 问题 ， 
因此 我 们 用 一 个 根据 car 和 carsize 的 中 心虚 构 的 Rectangle。 这 个 方块 区 域 和 车 的 形状 很 相 


似 ， 以 至 于 玩家 根本 察觉 不 到 。 











说 明 
保持 车 图 片 近似 于 方形 ( 即 长 宽 差 不 多 )， 对 于 准确 地 描述 碰撞 非常 重要 。 如 果 任 由 车 的 
长 度 远大 于 宽度 的 话 ， 计 算 当 它 转弯 时 与 边缘 的 碰撞 情况 就 会 更 加 复杂 。 
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// 让 车 前 进 
public function moveCar (timeDiff:Number) { 
/ /计算 车 的 现 有 位 置 
Var carRect = new Rectangle(gamesprite.car.x-carSize/2, 
gamesprite.car.y-carSize/2, carSize, carSize); 


现在 我 们 就 有 了 用 carRect 表示 的 车 的 现 有 位 置 。 要 计算 车 的 新 位 置 ， 我 们 把 车 的 旋转 度 
数 转换 成 弧度 ， 以 配合 Math.cos 和 Math.sin 对 参数 的 要 求 ， 然 后 把 这 些 值 乘 以 speed 和 
timeDiff。 使 用 常量 speed 做 基于 时 间 的 移动 。 接 着 ，newCarRect 存 下 了 车 的 新 位 置 ， 


// 计 算 车 的 新 位 置 
Var newCarRect = carRect.clone(); 
Var carAngle:Number = (gamesprite.car.rotation/360)*(2.0*Math.PI); 


Var dx:Number = Math.cos (carAngle); 
Var dy:Number = Math.sin(carAngle); 
newCarRect .x += dx*speed*timeDiff; 
newCarRect.y += dy*speed*timeDiff; 


我 们 也 需要 x 和 y 值 来 配合 新 的 Rectangle。 我 们 对 x 和 y 加 上 相同 的 值 来 获得 新 位 置 : 
// 计 算 新 位 置 


Var newX:Number = gamesprite.car.x + dx*speed*timeDiff; 
Var newY:Number = gamesprite.car.y + dy*speed*timeDiff; 


现在 ， 是 时 候 人 遍历 block 来 看 看 新 的 位 置 是 否 和 它们 重合 了 : 
/ /遍历 block 并 检测 碰撞 


for(var i:int=0;i<blocks.length;i++) { 


// 获 得 block 纷 形 ， 查 看 是 否 有 碰 模 
Var blockRect:Rectangle = blocks[i] .getRect (gamesprite); 
if (blockRect.intersects (newCarRect)) { 


如 果 有 碰撞 ， 我 们 会 分 别 从 横 轴 和 纵 轴 看 竺 碰撞 。 

如 果 车 经 过 了 Block 的 左边 , 我 们 会 把 车 推 回 到 Block 的 边缘 。 对 于 Block 的 右边 做 法 也 
是 一 样 。 我 们 不 必 费 神 去 调整 Rectangle， 只 需 newX 和 newY 位 置 值 。 这些 都 用 于 设置 车 的 新 
位 置 ; 





// 横 向 推 回 
if (carRect .right <= blockRect.left) { 
newX += blockRect.left - newCarRect.right; 
} else if (carRect.left >= blockRect.right) { 
newX += blockRect.right - newCarRect.1left; 
} 


下 面 是 处 理 Block 顶部 和 底部 碰撞 的 代码 : 


// 纵 向 推 回 

if (carRect.top >= blockRect.bottom) { 
newY += blockRect .bottom-newCarRect .top; 

} else if (carRect.bottom <= blockRect.top) { 
newY += blockRect .top - newCarRect .bottom; 


’ 
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查 完 Block 对 象 可 能 存在 的 所 有 碰撞 之 后 ， 我 们 到 地 图 边界 上 去 看 看 。 与 对 待 Block 对 
象 不 同 ， 我 们 希望 把 车 留 在 Rectangle 的 框 界 之 内 而 不 是 之 外 。 
因此 ， 我 们 查看 所 有 4 条 边 并 推 回 newx 或 newY 值 以 防止 车 “ 跑 ” 出 地 图 : 


/ /检查 四 边 上 的 碰撞 
if ((newCarRect.right > mapRect.right) && (carRect.right <= mapRect.right)) { 
newX += mapRect.right - newCarRect.right; 














if ((newCarRect.left < mapRect.left) && (carRect.left >= mapRect.left)) { 
newX += mapRect.left - newCarRect.left; 


} 


if ((newCarRect.top < mapRect .top) && (carRect.top >= mapRect.top)) { 
newY += mapRect .top-newCarRect .top; 


if ((newCarRect.bottom > mapRect.bottom) && (carRect.bottom <= mapRect.bottom)) { 
newY += mapRect.bottom - newCarRect .bottom; 


} 
既然 车 已 经 安全 地 处 于 边界 之 内 、Block 之 外 ， 我 们 可 以 设置 车 的 新 位 置 了 : 
// 设 置 车 的 新 位 置 


gamesprite.car.x = newx; 
gamesprite.car.y = newY; 


12.1.10 ”检测 与 垃圾 及 垃圾 桶 的 碰撞 


checkCollisions 国 数 需 要 检查 两 种 不 同类 型 的 碰撞 。 它 首先 从 查看 所 有 trashobjects 
开始 。 它 使 用 Point .aistance 函数 看 看 车 的 位 置 和 Trashojbect 的 位 置 之 间 的 距离 是 否 小 


于 常量 pickupDistance: 





DubBlie finction checkCollisions() 区 


/ /遍历 垃圾 
for (var i:int=trashObjects.length-1;i>=0;i--) { 


// 看 看 是 否 够 得 着 trash 对 象 
if (Point.distance (new Point (gamesprite.car.x,gamesprite.car.y), 
new Point (trashObjects[i] .x, trashObjects[i].y)) < pickupDistance) { 


如 果 有 垃圾 足够 靠近 , 我 们 就 去 检查 totalTrashobjects 和 常量 maxcarry 之 间 的 差 值 。 
如 查 还 有 空间 的 话 ， 垃 圾 被 捡 起 ， 这 是 通过 将 onpoarad 括号 右边 的 值 设 为 影片 剪辑 TrashObject 
当前 帧 减 1 实现 的 。 然 后 ， 它 就 会 从 gameSprite 和 数组 trashobjects 被 移 除 。 我 们 需要 更 
新 分 数 和 播放 音效 GotoneSouna， 


/ /检查 是 否 有 空间 
if (totalTrashObjects < maxCarry) { 
// 获 取 trash 对 象 
onboard[trashObjects[i] .currentFrame-1]++; 
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另 一 方面 ， 


们 只 在 该 垃圾 


次 接触 对 象 时 只 


} 
下 一 套 碰 
， 我 们 就 从 


gamesprite.removeChild(trashObjects[i]); 
trashObjects.splice(i,1); 

ShowScore (); 

playSound (theGotOneSound); 


说 明 


我 们 的 代码 中 有 个 容易 混淆 的 地 方 是 垃圾 类 型 的 引用 方式 。 正 如 影片 部 辑 TrashObject 所 
示 ， 它 包含 了 帧 1、2、3。 不 过 数组 是 从 0 开始 的 ， 所 以 ， 在 onboarqd 数组 里 ， 我 们 把 
垃圾 的 类 型 1、2、3 放 在 了 数组 位 置 的 0、1、2 上 。 垃 圾 桶 被 命名 为 Trashcan1、 
Trashcan2 和 Trashcan3， 和 帧 序号 匹配 。 只 要 记 住 这 些 ,， 修 改 代码 时 就 没 问 题 了 。 
数组 从 0 开始 ， 而 帧 号 却 从 1 开始， 这 是 ActionScript 开发 者 经 常 面临 的 问题 。 














































































































如 果 玩 家 接近 了 一 个 垃圾 但 是 已 经 没有 多 余 空 间 了 ,我 们 会 播放 另 一 段 声音 。 我 
不 为 lastobject 时 播放 。 这 就 防止 了 玩家 每 次 经 过 它 都 会 重复 发 出 声音 。 它 每 
乔 一 次 : 

} else if (trashObjects[i] != lastObject) { 


playSound (theFullSound); 
lastObject = trashObjects[i]; 








撞 和 3 个 垃圾 桶 有 关 。 我 们 在 这 儿 也 使 用 Point .distance。 检 测 到 一 次 碰撞 之 
onboarg 移 除 所 有 该 类 垃圾 。 我 们 更 新 分 数 并 播放 一 段 音 效 来 承认 玩家 的 成 绩 : 


// 当 车 接近 垃圾 桶 时 把 垃圾 丢弃 
for(i=0;i<trashcans.length;i++) { 


// 看 是 否 够 近 


if (Point.distance (new Point (gamesprite.car.x,gamesprite.car.y), 


如 果 分 数 


new Point (trashcans[i].x, trashcans[i].y)) < dropDistance) { 


// 看 玩家 是 否 有 那 种 类 型 的 垃圾 
if (onboarda[li] Ss 0) 


// 丢 掉 

score += onboard[i]; 
onboard[i] = 0; 
ShowScore (); 


playSound (theDumpSound); 


加 到 了 常量 numTrashobjects 的 值 , 就 是 说 最 后 一 块 垃圾 都 已 经 丢掉 了 ,那么 游 


// 看 是 否 所 有 垃圾 都 丢掉 了 
if (score >= numTrashObjects) { 
endGame ( ) ; 


break; 
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12.1.11 ”时 钟 


时 钟 的 更 新 非常 简单 ， 和 我 们 在 第 3 章 中 所 做 的 相似 。 我 们 将 当前 时 间 减 去 开始 时 间 获 得 一 
个 毫秒 数 。 然 后 ， 我 们 用 功能 函数 clockTime 来 把 它 转换 成 时 间 格 式 。 


// 更 新 时 间 显 示 
public function showTime() { 
Var gameTime:int = getTimer()-gameStartTime; 
timeDisplay.text = clockTime (gameTime); 
} 
clockTime 国 数 计 算出 秒 数 和 分 钟 数 ， 然 后 在 需要 之 处 加 0 以 将 它 格 式 化 : 
// 转 换 时 间 格 式 


public function clockTime (ms:int):String { 
Var seconds:int = Matnh.floor(ms/1000); 
Var minutes:int = Math.floor(seconds/60); 
seconds -= minutes*60; 


Var timeString:String = minutes+":"+String (seconds+100) .substr(1,2); 
return timeString; 


12.1.12 分数 提 示 器 





在 这 个 游戏 里 展示 分 数 远 比 单纯 展示 一 个 数字 复杂 得 多 。 我 们 展示 3 个 存储 在 onboard 的 
数字 。 同 时 我 们 要 把 这 些 数 字 加 到 totalTrashObjects 里 ， 它 会 被 用 在 游戏 的 其 他 部 分 ， 以 
决定 车 上 是 否 还 有 空间 : 

/ /更 新 时 间 文 本 元 素 


public function showScore() { 


/ /设置 每 件 垃圾 数 ， 加 起 来 

totalTrashObjects = 0; 

for(var i:int=0;i<3;i++) { 
this["onboard"+(i+1)] .text = String(onboard[i]); 
totalTrashObjects += onboard[i]; 

} 


而 且 我 们 也 用 totalTrashobjects 来 根据 车 是 否 满载 给 3 个 数字 涂 上 红色 或 白色 。 这 使 
我 们 可 以 向 玩家 做 出 最 自然 的 提示 ， 提 醒 他 们 是 否 该 去 垃圾 桶 边 释 放空 间 了 : 
// 以 是 否 满载 决定 3 个 数字 的 色彩 
for(i=0;i<3;i++) { 
if (totalTrashObjects >= 10) { 


this["onboard"+(i+1)] .textColor = OxFF0000; 
} else { 
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this["onboard"+(i+1)] .textColor = OxFFFFFF; 


} 
之 后 ， 我 们 显示 了 分 数 和 未 处 理 的 垃圾 数 : 
/ /设置 剩余 垃圾 数 和 分 数 


numLeft.text = String(trashObjects.length); 
scoreDisplay.text = String(score); 


12.1.13 ”游戏 结束 


当 游 戏 结束 时 ， 我 们 移 除 侦 听 器 但 不 移 除 gameSprite， 因 为 gameSprite 并 非 由 我 们 创 
建 。 当 我 们 使 用 gotoandstop 到 下 一 帧 它 就 会 消失 。 因 为 gameSprite 只 存在 于 play 帧 ， 所 
以 它 在 gameover 帧 上 没有 显示 : 

/7 游戏 结束 ， 移 除 侦 听 器 


public function endGame() { 
blocks = Tulls 
trashObjects = null; 
trashcans = null: 
this.removeEventListener (Event .ENTER_FRAME, gameLoop); 
stage.removeEventListener (KeyboardEvent .KEY_DOWN, keyDownFunction); 
stage.removeEventListener (KeyboardEvent .KEY_UP, keyUpFunction); 
gotoAndStop("gameover");} 











} 

当 游 戏 达 到 gameover 帧 的 时 候 ， 它 调用 showFinalMessage。 我 们 不 能 在 之 前 调用 它 ， 
为 finalMessage 文本 字段 只 存在 gameover 帧 ， 在 该 帧 出 现 前 是 访问 不 到 它 的 。 

我 们 把 最 终 用 时 放 到 文本 字段 上 : 

/ /在 最 终 屏 幕 上 展示 时 间 


public function showFinalMessage() { 
ShowTime (); 
var finalDisplay:String = 
finalDisplay += "Time: "+timeDisplay.text+"\n"; 
finalMessage.text = finalDisplay; 


nn 。 
’ 


} 
我 们 所 需 的 最 后 一 个 函数 是 功能 函数 playsound。 它 简单 充当 所 有 音效 的 开关 : 


public function playSound (soundObject:Object) { 
var channel:SoundChannel = soundObject .play(); 


》 


说 明 
只 设 一 个 统领 全 部 音效 初始 化 的 遂 数 , 这 样 做 的 好 处 是 可 以 快捷 地 建立 静音 和 音量 阴 数 。 
如 果 把 声音 代码 放 得 到 处 都 是 ， 那 么 当 你 想 要 增加 静音 或 音 鲁 设置 等 功能 的 时 候 ， 就 要 
修改 每 一 处 声音 代码 。 
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12.1.14 ”修改 游戏 


这 个 游戏 可 以 修改 成 几乎 任意 的 自由 探索 类 、 物 件 收集 类 游戏 。 你 无 需 编程 就 可 以 更 换 背 景 
元 素 。 磁 撞 区 域 、Block 对 象 都 可 以 通过 移动 和 增加 新 的 Block 影片 剪辑 来 修改 。 

你 可 以 通过 让 垃圾 的 数量 随 着 时 间 的 逝去 而 增加 来 延长 游戏 。 比如 可 以 设 个 计时 器 使 得 垃圾 
每 隔 5 秒 增加 一 块 。 这 个 计时 器 可 以 持续 这 么 做 了 几 分 钟 再 停 。 

你 也 可 以 增加 一 些 玩 家 想 要 避 开 的 销 极 因素 ,比如 一 些 类 似 齐 请 路 面 或 地 雷 的 东西 。 这 个 游 
戏 的 战争 版 还 可 以 做 成 ， 让 一 辆 救护 车 在 战场 上 运送 伤 兵 而 且 需 要 避 开 地 雷 。 




















12.2 建立 Flash 竞 速 游戏 


在 玩 俯视 图 鸭 驶 游戏 的 时 候 你 也 许 会 想 竞 下 速 。 比如 你 能 看 到 在 校园 兜 风 的 时 候 你 可 以 开 到 
多 快 。 
尽管 之 前 的 游戏 是 个 好 的 开始 ， 但 我 们 仍 需 要 增加 多 些 元 素来 做 一 个 竞 速 游戏 。 


源 文件 
http://flashgameu.com 


A3GPU212_RacingGame.zip 
12.2.1 ” 竞 速 游戏 的 元 素 


虽然 游戏 不 必 真 实 , 但 我 们 仍然 希望 能 让 它 开 起 来 感觉 上 像 是 一 辆 真 车 。 这 意味 着 它 既 不 会 
因 向 上 方向 键 的 按 下 而 骤然 加 到 满 速 ， 也 不 会 因 这 个 键 的 松 开 而 突然 停 住 。 

我 们 为 游戏 增加 正 的 和 负 的 加 速度 。 这 样 ， 向 上 方向 键 就 会 把 加 速度 添加 到 车 的 速度 里 。 然 
后 ， 速 度 用 在 之 后 每 一 帧 的 运动 里 。 








说 明 


住 这 类 游戏 中 ， 街 机 游戏 和 模拟 版 本 之 间 的 差别 比 本 书 前 面 的 任何 游戏 都 要 大 。 一 个 真 
实 模 拟 需要 考虑 物理 因素 ， 比 如 车 的 质量 、5| 擎 的 扭力 、 轮 胎 和 路 面 之 间 的 摩擦 ， 更 别 
提 打 滑 了 。 
不 仅 简单 的 Flash 游戏 因 超 过 能 力 范 围 而 简化 或 忽略 这 些 , 很 多 高 预算 的 电视 游戏 也 会 如 
此 。 毕 竟 不 能 让 真实 性 降低 了 趣味 性 ， 也 不 能 让 它 成 为 一 个 游戏 在 一 定 的 时 间 和 预算 内 
完工 的 阻碍 因素 。 
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同样 地 ， 如 果 按 下 了 向 下 方向 键 ， 就 会 产生 一 个 负 的 加 速度 。 如 果 之 前 是 静止 的 ， 那么 向 下 
方向 键 就 直接 产生 一 个 负 的 速度 值 ， 车 就 开始 倒 行 。 

竞 速 游戏 的 另 一 个 要 点 是 车 必须 遵循 特定 的 路 径 。 玩家 不 能 抄 近 路 或 在 极 短 时 间 内 倒车 再 次 
越过 终点 线 。 
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要 记录 玩家 的 路 径 ， 我 们 使 用 一 种 叫做 路 点 (waypoint) 的 简单 技术 。 基 本 上 ， 玩 家 需要 
沿 着 路 径 靠近 并 除去 沿 着 赛 道 的 一 系列 点 记号 。 只 有 在 玩家 磁 过 所 有 的 点 之 后 ， 才 被 允许 越过 
终点 线 。 

路 点 的 优点 在 于 玩家 甚至 不 需要 知道 它们 的 存在 。 我们 隐藏 好 路 点 并 让 它们 默默 地 消除 ， 而 
不 必 麻 烦 玩家 去 注意 这 个 细节 。 他 们 只 需要 专注 地 进行 诚实 的 比赛 即 可 。 

这 个 游戏 让 竞 速 感觉 更 逼真 的 一 个 地 方 就 是 加 进 了 开始 时 的 倒数 。 与 即刻 开始 不 同 ,， 把 玩家 
还 不 能 移动 的 时 间 设 为 3 秒 ， 这 期 间 会 有 大 号 的 3、2、1 显示 。 


12.2.2 ”制作 赛 道 


俯视 图 驾驶 游戏 的 碰撞 检测 是 基于 和 矩形 框 的 。 直 边 的 碰撞 检测 是 非常 容易 的 。 

不 过 ， 赛 道 是 包含 弯 道 的 。 检 测 曲线 甚至 是 斜 墙 面 的 碰撞 都 要 困难 得 多 。 

因此 ， 我 们 在 这 个 游戏 里 避 开 它 。 

赛 道 包 括 3 个 部 分 : 主 道 、 侧 道 及 其 他 。 如 果 车 在 主 道 ， 它 的 移动 是 没有 阻碍 的 。 而 如 果 它 
走 在 侧 道上 ， 它 仍然 可 以 移动 ,不 过 会 有 一 个 恒定 的 阻力 产生 的 减速 作用 使 得 赛 手 损失 时 间 。 而 
如 果 车 驶 离 了 主 道 和 侧 道 ， 减 速 更 为 严重 ， 车 需要 转弯 并 艰难 驶 回 主 道 。 
图 12-9 展示 了 上 述 3 个 区 域 。 主 道 在 中 间 ， 在 Flash 中 显示 为 灰色 。 紧 挨 着 它 的 外 边 就 是 侧 
道 ， 棕 色 区 域 ， 在 这 个 黑白 图 像 里 看 上 去 像 与 主 道 略微 不 同 的 灰色 。 











图 12-9 这 条 赛 道 被 一 条 厚 厚 的 side 元 素 包 围 
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这 个 赛 道 也 包含 了 一 些 非 动态 元 素 ， 比 如 周围 的 树 。 


说 明 


虽然 那些 树 并 没 被 代码 5 引用， 甚至 连 影片 蔓 辑 也 算 不 上 ， 只 是 图 片 元 件 而 已 ， 但 它们 却 
扮演 了 重要 角色 。 没 有 这 些 不 显眼 的 元 素 做 参照 物 ， 玩 家 有 时 会 很 难 注意 到 车 的 移动 并 
估计 出 它 的 速度 。 













































































影片 剪辑 car 被 放 在 赛 道 的 起 始点 。 那 儿 也 刚好 在 终点 线 之 上 ， 而 终点 线 是 另 一 个 独立 的 影 
片 剪辑 。 

你 看 到 的 沿 着 赛 道 的 点 点 就 是 Waypoint 对 象 。 你 可 以 像 我 们 一 样 沿 着 赛 道 放 少量 儿 个 , 而 
如 果 你 的 赛 道 七 扭 八 描 并 有 折 回 的 话 可 以 放 更 多 上 去 ， 以 防止 玩家 作 素 和 抄 近 路 。 

所 有 这 些 元 素 都 在 Track 影片 剪辑 里 ， 也 就 是 我 们 代码 里 gameSprite 所 引用 的 那个 。 


12.2.3 ” 音 交 


这 个 游戏 使 用 了 很 多 音效 。 玩 家 开车 的 时 候 有 3 段 不 同 的 驾驶 声 循 环 播放 。 下 面 是 游戏 里 使 
用 的 所 有 声音 的 列表 。 
口 Drivesound 一 一 当 车 在 主 道上 加 速 时 播放 的 一 段 声音 循环 。 听 上 去 像 跑 车 引擎 。 
D sideSoungd 一 一 当 车 在 侧 道 上 加 速 时 播放 的 一 段 声音 循环 。 听 上 去 像 轮 胎 穿 过 侍 土 。 
口 offroundSoung 一 一 当 车 在 离开 主 道 和 侧 道 的 地 方 加 速 时 播放 的 一 段 声 音 循环 。 听 上 去 
像 车 开 过 沙 地 。 
口 BrakestopSound 一 一 当 车 越过 终点 线 时 的 尖锐 刹车 声 。 
口 ReadysetSsound 一 一 当 游 戏 开始 时 倒数 过 程 中 的 高 音 蜂 鸣 。 
口 sosound 一 一 当 倒 数 到 零 的 时 候 的 一 声 低 鸣 。 

这 个 游戏 可 以 轻易 地 加 上 更 多 音效 , 比如 车 没有 加 速 时 的 空转 声 。 同 样 地 ,BrakestopSound 
也 可 以 用 另 一 种 表示 到 达 终 点 的 方式 一 人群 欢 呼声 代替 。 














12.2.4 常量 和 变量 


这 个 游戏 的 部 分 代码 和 俯视 图 驾驶 游戏 中 的 一 样 。 我 们 只 关注 这 里 的 新 代码 。 
常量 现在 有 加 速度 和 人 负 加 速度 常量 。 它们 都 非常 小 , 因为 它们 要 和 帧 之 间 经 过 的 毫秒 数 相 乘 : 


public class Racing extends MovieClip { 











/ /常量 

static const maxSpeed:Number = .3; 
static const accel:Number = .0002; 
static const decel:Number = .0003; 
static const turnSpeed:Number = .18; 


游戏 变量 包含 了 一 个 gameMode， 用 来 提示 比赛 是 否 开始 。 我们 也 有 一 个 waypoints 数组 ， 
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来 保存 Waypoint 影片 剪辑 的 Point 位 置信 息 。speed 变量 保存 当前 移动 的 速率 ， 它 可 以 随 车 的 
加 速 和 减速 而 改变 : 
/ /游戏 变量 


private var arrowLeft, arrowRight, arrowUp, arrowDown:Boolean; 
private Var lastTime:int; 

private Var gameStartTime:int:， 

private var speed:Number; 

private var gameMode:String; 

private var waypoints:Array; 

private Var currentSound:Object; 


下 面 是 所 有 新 声音 的 初始 化 定义 。 所 有 声音 文件 都 在 库 里 并 被 设 成 export for ActionScript use 
(导出 以 备 ActionScirpt 使 用 ): 


// 声 音 

static const theBrakestopSound:BrakestopSound = new BrakestopSound(); 
static const theDriveSound:DriveSound = new DriveSound(); 

static const theGoSound:GoSound = new GoSound(); 

static const theOffroadSound:OffroadSound = new OffroadSound(); 
static const theReadysetSound:ReadysetSound = new ReadysetSound(); 
static const theSideSound:SideSound = new SideSound(); 

private var driveSoundChannel:SoundChannel; 


12.2.5 ”开始 游戏 


当 游 戏 开 始 时 ， 它 不 必 寻 找 Block。 不 过 它 需 要 寻找 Waypoint 对 象 。findWaypoints 哨 
数 就 是 做 这 件 事 的 。 我 们 接 下 来 看 看 这 个 函数 : 


public function startRacing() { 


// 获 取 Waypoint 清单 
findWaypoints () ; 


所 需要 的 侦 听 器 和 俯视 图 驾驶 游戏 一 样 , 不 过 开头 所 需要 设 定 的 变量 现在 包括 gameMode 和 
speed。 我 们 也 将 timeDi splay 文本 字段 设置 为 空 ， 因 为 在 游戏 开始 的 头 3 秒 内 它 是 空白 的 : 


/ /添加 侦 听 器 

this.addEventListener (Event .ENTER_FRAME,gameLoop); 
stage.addEventListener (KeyboardEvent .KEY_DOWN, keyDownFunction); 
stage.addEventListener (KeyboardEvent .KEY_UP, keyUpFunction); 











// 设 置 游戏 变量 

Speed = 0; 

gameMode = "wait",; 
timeDisplay.text = ""; 
gameStartTime = getTimer()+3000; 
centerMap ( ) ; 


} 

请 注意 ，gameStartTime 加 了 3 秒 。 因 为 游戏 开始 有 个 3 秒 倒数 。 车 在 3 秒 数 完 和 
gameTimer () 跟 gameStartTime 保持 一 致 前 是 不 能 动 的 。 

findwaypoints 函数 和 前 一 个 游戏 的 fijndBlocks 函数 类 似 。 不 过 ， 这 次 我 们 只 需要 知道 
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每 一 个 路 点 的 Point 位 置 。 我 们 记录 了 之 后 ， 影 片 剪 辑 本 身 已 无 关 紧 要 了 : 


// 查 看 gamesprite 的 所 有 子 元 件 并 记 下 路 点 
public function findWaypoints() { 
waypoints = new Array (); 
for(var i=0;i<gamesprite.numChildren;i++) { 
Var mc = gamesprite.getChildAt (i); 
if (mc is Waypoint) { 
/ /添加 到 数组 并 使 其 不 可 见 
waypoints.push(new Point (mc.x, mc.y)); 
mc.visible = false; 


12.2.6 ”游戏 主 循环 


我 们 跳 过 了 键盘 侦 听 器 函数 是 因为 它们 和 俯视 图 驾驶 游戏 是 一 样 的 。 

不 过 , gameLoop 不 一 样 。 我 们 在 其 中 放 进 了 更 多 的 游戏 机 制 , 而 没有 把 委派 分 给 其 他 函数 。 

在 确定 了 从 上 一 次 gameLoop 运行 时 起 经 过 的 时 间 之 后 ,我 们 测试 了 向 左 和 向 右 方向 键 并 使 
其 转向 : 


public function gameLoop (event :Event) { 








// 计 算 已 过 时 间 

if (lastTime == 0) lastTime = getTimer(); 
Var timeDiff:int = getTimer()-lastTime; 
lastTime += timeDiff; 


// 只 有 在 race 模式 时 移动 车 


if (gameMode == "race") { 
// 左 转 或 右 转 
if (arrowLeft) { 
gamesprite.car.rotation -= (speed+.1)*turnSpeed*timeDiff,; 


} 
if (arrowRight) { 
gamesprite.car.rotation += (speed+.1)*turnSpeed*timeDiff; 


} 
请 注意 有 3 个 因子 影响 到 转弯 的 数值 ;speed、turnspeed 常量 以 及 timeDiff。 而 且 ,speed 
还 补充 了 0.1。 这 就 让 玩家 在 静止 时 可 以 轻 轻 地 转身 ， 当 缓慢 移动 时 也 可 以 更 轻 地 转身 。 
虽然 和 实际 比 起 来 不 够 精确 ， 但 是 这 么 做 却 让 游戏 玩 起 来 少 了 很 多 困惑 。 


说 明 


通过 将 speeq 和 车 的 转 灾 挂 钧 ， 我 们 人 允许 车 在 快速 移动 的 时 候 也 可 以 快速 转弯 。 这 让 
名 驶 增加 少许 真实 感 并 帮助 过 弯 。 
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还 要 和 注意， 转弯 和 接 下 来 的 运动 都 只 发 生 在 gameMode 值 为 "race" 时 ， 而 不 会 发 生 在 3 秒 
倒计时 结束 之 前 。 


车 的 运动 取决 于 速度 。 速度 取 决 于 加 速度 ， 加 速度 则 产生 于 玩家 操作 向 下 方向 键 和 向 上 方向 
键 之 后 。 下 一 段 代 码 就 将 照顾 到 这 些 变化 并 用 maxSpeea 的 限制 来 确保 速度 不 会 失控 : 


// 车 加 速 
if (arrowUp) { 
speed += accel*timeDiff; 
if (Speed > maxSpeed) speed = maxSpeed; 
} else if (arrowDown) { 
speed -= accel*timeDiff; 
if (Speed < -maxSpeed) speed = -maxSpeed; 


不 过 ， 如 果 向 上 和 向 下 方向 键 都 没有 按 下， 车 应 该 慢 慢 停 下 来 。 我 们 使 用 decel 常量 来 减 
慢车 的 速度 : 


// 没 有 按键 按 下 ， 所 以 开始 减速 

} else if (speed > 0) { 
Speed -= decel*timeDiff; 
if (Speed < 0) speed = 0; 

} else if (speed < 0) { 
speed += decel*timeDiff; 
if (Speed > 0) speed = 0; 


说 明 


也 可 以 简单 地 加 入 刹车 。 只 要 加 上 空格 键 来 配合 4 个 方向 键 就 可 以 了 。 然 后 ， 当 空格 键 
按 下 时 ， 你 可 以 有 除了 decel 常量 外 更 多 的 减速 选项 。 




































































如 果 有 速度 值 的 话 我 们 只 需要 检查 车 的 运动 。 如 果 车 静止 在 那儿 ， 我 们 可 以 跳 过 下 一 部 分 。 
不 过 , 如 果 车 在 运动 , 我 们 需要 重新 定位 它 , 检查 它 是 不 是 在 主 道上 , 调整 车 处 于 地 图 中 心 ， 
并 检查 有 没有 新 的 Waypoint 对 象 要 登记 ， 看 看 车 是 否 越过 终点 线 : 


// 如 果 车 开 着 ,移动 车 并 检查 状态 

If (Speed != 0) { 
moveCar (上 imeDiff) ，; 
centerMap(); 
checkWaypoints(); 
checkFinishLine(); 

} 


} 
不 管 车 有 没有 动 ， 时 钟 都 需要 更 新 : 


// 更 新 时 间 并 检查 游戏 是 否 结 
ShowTime (); 
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12.2.7 ”车 的 移动 


车 的 移动 取决 于 rotation., speed 和 timeDiff。rotation 被 转化 成 弧度 ,然后 传 入 Math . 
cos 和 Math.sin 里 。 车 的 原始 位 置信 息 存 储 在 carPos 里 ， 而 位 置 变 化 值 在 Gx 和 dy 里 。 


public function moveCar (timeDiff:Number) { 


// 获 取 当 前 位 置 

Var carPos:Point = new Point (gamesprite.car.x, gamesprite.car.y); 
/ /计算 变化 

Var carAngle:Number = gamesprite.car.rotation; 

var carAngleRadians:Number = (carAngle/360)*(2.0*Math.PI); 


Var carMove:Number = speed*timeDiff; 
var dx:Number = sMath.cos (carAngleRadians)*carMove; 
var dy:Number = Math.sin(carAngleRadians)*carMove; 


当 得 出 车 的 新 位 置 时 , 我 们 同样 也 要 和 弄 清 楚 该 播放 哪 段 声音 。 如 果 车 正在 移动 ， 并 且 在 主 道 
上 ,播放 的 就 是 theDriveSsound。 我 们 假设 这 时 就 是 这 种 情况 ， 并 在 测试 游戏 状态 的 更 多 方面 
的 时 候 调 整 newsouna 的 值 : 
/ /假设 我 们 将 使 用 drive 声音 
var newSound:Object = theDriveSound; 
这 里 我 们 要 检查 的 第 一 项 便 是 车 辆 当前 是 否 在 主 道 上 。 我 们 使 用 hitTestPoint 来 确定 此 
事 。 hitTestPoint 的 第 3 个 参数 允许 我 们 测试 一 个 点 与 主 道 这 样 的 特定 形体 之 间 的 碰撞 。 我们 
需要 向 车 的 位 置 增加 gameSprite.x 和 gameSprite.y, 因为 hitTestPoint 运行 于 舞台 以 舞 
台 位 置 为 准 ， 而 不 是 以 gameSprite 级 别 的 位 置 为 准 : 
// 看 车 是 否 在 主 道外 


if (!gamesprite.road.hitTestPoint (carPos.x+dx+gamesprite.x, 
CarPos.ytdy+gamesprite.y, true)) { 


请 注意 上 一 行 代码 里 非常 关键 的 一 点 。! 意 味 着 非 ， 即 对 紧 接 其 后 的 布尔 值 取 反 。 与 其 查看 
车 的 位 置 是 否 在 主 道 之 内 ， 不 如 看 看 它 是 否 在 主 道 之 外 。 
既然 我 们 知道 了 车 并 不 在 主 道上 ， 下 一 个 测试 就 是 看 看 车 是 否 至 少 在 侧 道上 : 
// 看 车 是 否 在 侧 道 上 


if (gamesprite.side.hitTestPoint (carPos.x+dx+gamesprite.x, 
carPos.ytdy+gamesprite.y, true)) { 


如 果 车 在 侧 道 上 , 我 们 使 用 thesidesound 而 不 是 theDriveSounqd。 我 们 同时 也 要 以 一 个 
小 的 百分比 值 来 降低 车 速 : 
// 使 用 特定 声音 ,减速 
newSound = theSideSound; 
Speed *= 1.0-.001*timeDiff; 


如 果 车 既 不 在 主 道 也 不 在 侧 道上 ， 我 们 使 用 theof froadsoung 并 用 较 大 的 数值 来 减速 : 


} else { 


// 使 用 特定 声音 ， 减 速 
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newSound = theOffroadSound; 
Speedq *= 1.0-.005*timeDiff; 
} 
} 


现在 我 们 就 可 以 设 定 车 的 位 置 了 : 
// 设 置 车 的 新 位 置 
gamesprite.car.x 
gamesprite.car.y 


剩 下 的 就 是 弄 清 楚 要 播放 哪 段 声音 。 我 们 将 newSound 设置 为 theDirveSound、 theside- 
Sound 或 theoffroadSound。 不 过 ， 如 果 玩 家 此 刻 不 再 加 速 ， 我 们 也 不 会 播放 任何 声音 : 


/ /如果 不 动 ， 不 播放 音效 
if (!larrowUp && !arrowDown) { 
newSound = null; 


} 
变量 newSouna 保存 合适 的 声音 。 但是， 如 果 该 声音 已 经 在 播放 并 在 循环 的 话 , 我 们 除了 让 
它 继续 之 外 不 会 做 其 他 事 。 我 们 只 会 在 需要 用 新 的 声音 替换 当前 声音 的 时 候 才 做 些 事 情 。 
如 果 出 现 了 这 种 情况 ,我 们 通过 一 个 driveSoundChannel .stop() 命 令 来 取消 旧 声 音 , 然 
后 用 一 个 新 的 带 着 高 循环 数 的 play 命令 来 开始 : 
/ /如果 有 需要 ， 换 新 的 声音 


If (newSound != currentSound) { 
if (driveSoundChannel != null) { 
driveSoundChannel .stop(); 
} 
currentSound = newSound; 
if (currentSound != null) { 
driveSoundChannel = currentSound.play (0,9999); 
} 


CarPos.x+dx; 
CarPos.y+dy; 














} 


作为 对 movecar 函数 的 补充 ， 我们 还 需要 centerMap 函数 ， 它 和 本 章 开头 所 介绍 的 俯视 
图 驾驶 游戏 中 的 一 样 的 。 这 个 将 让 车 保持 在 屏幕 的 视觉 中 心 上 。 





12.2.8 检查 进度 


要 检查 玩家 在 道路 上 的 进度 , 我们 要 看 看 每 一 个 waypoint 对 象 并 看 车 是 否 接近 它们 。 为 此 ， 
我 们 要 用 到 Point .distance 国 数 。 数 组 waypoints 已 经 包含 了 Point 对 象 ， 不 过 我 们 必须 
在 过 程 中 构建 car 的 位 置 来 和 它 对 比 。 

我 已 经 选择 了 150 作为 激活 路 点 的 距离 。 这 个 距离 已 经 足够 长 使 得 车 不 会 错过 主 道中 间 的 任 
何 一 个 路 点 , 即使 它 是 从 边 上 驶 过 。 把 距离 设 得 足够 大 让 玩家 不 会 轻易 地 从 某 个 路 点 旁 溜 走 是 很 
关键 的 。 如 果 汐 过 去 了 ， 他 们 就 不 能 完成 比赛 ， 而 且 也 不 明 个 中 原因 


// 看 看 与 路 点 是 否 足 够 接近 
public function checkWaypoints() { 
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for(var i:int=waypoints.length-1;i>=0;i--) { 
if (Point.distance (waypoints[i], 
new Point (gamesprite.car.x, gamesprite.car.y)) < 150) { 
waypoints.splice(i,1); 


} 
} 
每 当 撞 上 一 个 Waypoint, 就 把 它 从 数组 里 清除 。 当 数 组 为 空 时 , 我 们 知道 所 有 的 Waypoint 
对 象 已 经 被 驶 过 了 。 
这 是 checkFinishLine 需要 首先 精确 查找 的 。 如 果 waypoints 数组 里 还 有 元 素 ， 玩 家 就 
还 没准 备 好 越过 终点 线 : 


// 看 看 是 否 能 超过 终点 线 
public function checkFinishLine() { 








// 只 有 在 所 有 路 点 被 碰 过 时 


if (waypoints.length > 0) return; 
男 一 方面 ， 如 果 玩 家 已 经 碰 过 了 所 有 Waypoints 对 象 ， 我 们 可 以 假设 他 正 驶 向 终点 线 。 我 
们 检测 车 的 y 值 来 看 看 它 是 否 越过 了 影片 剪辑 finish 的 y 值 ,如果 它 越过 了 ,玩家 就 完成 了 比赛 : 


if (gamesprite.car.y < gamesprite.finish.y) { 
endGame ();，; 


说 明 


如 果 更 改 了 地 图 并 重新 定位 了 终点 线 ， 在 检测 车 是 否 越过 它 的 时 候 就 要 小 心 了 。 比 如 ， 
假设 车 是 从 左边 接近 终点 线 的 ， 你 就 需要 检查 车 的 x 值 是 否 大 于 finish 的 x 值 。 












































12.2.9 倒计时 和 时 钟 


虽然 这 个 游戏 里 的 时 钟 和 俯视 图 驾驶 游戏 中 的 类 似 , 但 这 里 还 有 另 一 个 时 钟 ， 即 游戏 开始 前 
的 倒计时 。 

如 果 gameMode 为 "wait"， 比 赛 就 还 没 开 始 。 我 们 看 看 gameTime 是 不 是 负数 。 如 果 是 的 
话 ， 那 么 gameTimer () 还 没有 赶 上 我 们 之 前 设置 gameStartTime 为 getTimer()+3000 时 的 
3 秒 延 迟 。 

我 们 把 时 间 显示 在 countdown 文本 字段 而 不 是 timeDisplay 文本 字段 里 。 不 过 我 们 只 把 
它 显示 为 一 个 整 的 秒 数 : 3、2、1。 

每 次 数字 改变 的 时 候 我 们 都 会 播放 theReadysetSound。 图 12-10 展示 了 游戏 开始 时 的 这 个 
倒计时 时 钟 。 
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图 12-10 屏幕 中 心 的 数字 显示 了 离 比 赛 开始 还 有 多 少时 间 


// 更 新 时 间 显 示 
public function showTime() { 


var gameTime:int = getTimer()-gameStartTime; 


// 如 果 在 wait 模式 ， 显 示 倒 计时 时 钟 


if (gameMode == "wait") { 
if (gameTime < 0) { 
// 显 示 3、2、1 
Var newNum:String = String (Math.abs (Math.floor (gameTime/1000))); 
if (countdown.text != newNum) { 


countdown.text = newNum; 
playSound (theReadysetSound); 


} 
当 gameTime 达到 0 时 ,我 们 改变 gameMode, 移 除 countdown 里 的 数字 ,并 播放 theGoSound: 


} else { 
/ /倒计时 结束 ， 进 入 竞赛 模式 
gameMode = "race"; 


mn 。 
’ 


Countdown.text = 
playSound (theGoSound);} 


} 
在 游戏 的 余下 部 分 ， 我 们 在 timeDisplay 文本 字段 里 显示 时 间 。clockTime 函数 和 本 童 2 
前 面 使 用 的 一 模 一 样 : 
// 显 示 时间 


} else { 
timeDisplay.text = clockTime (gameTime); 


} 


12.2.10 ”游戏 结束 
当 游戏 结束 时 ， 我 们 要 比 平常 做 更 多 的 清理 工作 。 让 drivesounachannel 停止 播放 任何 
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声音 。 不 过 ， 同 时 也 要 激活 theBrakeSound。 
然后 ， 我 们 移 除 所 有 的 侦 听 器 并 跳 到 gameover 帧 : 


// 游 戏 结 束 ， 移 除 侦 听 器 

public function endGame() { 
driveSoundChannel .stop(); 
playSound (theBrakestopSound); 
this.removeEventListener (Event .ENTER_FRAME, gameLoop); 
stage.removeEventListener (KeyboardEvent .KEY_DOWN, keyDownFunction); 
stage.removeEventListener (KeyboardEvent .KEY_UP, keyUpFunction); 
gotoAndSstop ("gameover"); 





} 

到 了 gameover 帧 之 后 ， 我 们 如 俯视 图 驾驶 游戏 一 样 展示 最 后 得 分 。 不 过 ， 在 这 个 例子 里 ， 
我 们 要 让 gameSprite 保持 可 见 。 在 主 时 间 轴 ， 它 存在 于 play 帧 和 gameover 帧 中 ， 所 以 当 我 们 
到 gameover 帧 的 时 候 它 仍然 在 。 

showFinalMessage 函数 和 前 一 个 游戏 里 的 一 样 ， 不 在 此 资 述 。 主 时 间 轴 上 的 gameover 帧 
里 有 相同 的 代码 。 


12.2.11 修改 游戏 


这 个 游戏 的 赛 道 非 常 简单 一 一 只 是 一 个 标准 的 竞 速 赛 道 。 不 过 , 你 可 以 通过 扭曲 和 回转 来 使 
它 更 复杂 。 















































制作 主 道 和 侧 道 是 有 技巧 的 ， 你 只 需要 专注 于 主 道 影片 剪辑 的 制作 。 当 你 做 好 了 zxoaq 之 
后 , 复制 一 个 并 将 其 改名 为 side。 选择 影片 剪辑 里 的 形状 并 选择 菜单 Modify (修改 ) 一 Shape 
(形状 ) 一 Expand Fill (扩展 填充 ) 。 将 赛 道 扩展 约 50 像素 。 这 就 相当 于 创建 了 边 比 主 道 更 
厚 而 和 主 道 走 势 一 样 的 副本 。 













































































































































































你 也 可 以 在 主 道上 加 一 些 障碍 物 。 比 如 ， 湿 滑 路 面 可 以 降低 车 速 。 这 些 可 以 和 做 Waypoint 
对 象 一 样 ， 不 过 车 要 足够 近来 “ 碰 ” 它 们 才 行 。 接 着 就 影响 到 了 车 的 speedq。 

这 种 类 型 的 游戏 里 路 面 中 间 出 现 沙 斑 也 很 正常 。 你 可 以 通过 在 road 影片 剪辑 里 的 shape 中 挖 
去 一 个 洞 来 让 side 影片 剪辑 显露 出 来 。 

另 一 个 改进 可 以 是 让 Waypoint 对 象 以 特定 的 顺序 摆 放 。 现 在 的 情况 是 , 游戏 会 在 玩家 碰 了 
所 有 的 路 点 对 象 以 及 通过 终点 线 之 后 结束 。 不 过 , 并 没有 涉及 触 碰 Waypoint 对 象 的 顺序 。 所以， 
理论 上 来 说 ， 玩 家 可 以 以 反方 向 来 行驶 ， 碰 过 所 有 的 Waypoint 对 象 ， 他 在 碰 到 最 后 一 个 路 点 时 
就 赢 了 一 一 因为 他 已 经 在 终点 线 上 了 。 这 并 没有 帮 玩 家 省 多 少时 间 因 为 它 要 花 些 时 间 来 倒 开 。 

你 可 以 通过 给 Waypoint 对 象 命名 来 给 它们 排序 ， 比 如 说 waypoint0、waypointl 等 。 之 
后 你 可 以 通过 名 字 而 非 类 型 来 查找 每 一 个 waypoint。 接 着 ， 仅 仅 要 求 车 接近 下 一 个 计划 中 的 
Waypoint， 而 非 所 有 的 waypoint。 
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中 








纸牌 游戏 : 猜 大 小 、 电 子 扑 元 和 21 点 


本 章 内 容 


口 猜 大 小 
口 电子 扑克 
口 21 点 


纸牌 游戏 在 计算 机 出 现 前 就 有 了 ,不 过 电脑 游戏 让 它们 焕发 了 新 生 。 例 如 , 在 计算 机 负责 发 
牌 和 组 织 其 他 事务 后 ， 单 人 纸牌 游戏 变 得 更 简单 、 更 好 玩 。 

在 这 一 章 里 ， 我 们 将 看 到 3 种 牌 类 游戏 ， 从 简单 的 猜 大 小 (Higher or Lower) 开始 。 之 后 我 
们 看 看 两 个 赌场 风格 的 游戏 电子 扑克 (Video Poker) 和 21 点 (Blackjack ) 。 

作为 学 习 如 何在 Flash 里 表现 一 县 牌 的 补充 ， 我 们 也 会 涉及 关于 计时 事件 的 概念 。 我 们 利用 
计时 器 使 得 电脑 像 人 一 样 每 次 只 处 理 一 张 牌 ， 而 不 是 一 次 性 处 理 一 又 牌 。 


13.1 猿 大 小 


为 从 手持 几 张 牌 的 游戏 开始 ， 我 们 使 用 简单 的 单 人 纸牌 游戏 。 它 有 很 多 名 称 ， 这 里 我 们 叫 它 
为 “ 猜 大 小 ”。 

最 基本 的 前 提 是 ,每 次 只 发 一 张 牌 。 第 一 张 牌 之 后 ,玩家 必须 断定 下 一 张 比 前 一 张 是 大 还 
是 小 。 

你 可 以 用 常规 的 52 张 牌 来 玩 。 不 过 我 们 这 里 将 使 用 20 张 标 数 分 别 为 1~20 的 牌 。 

主要 内 容 是 看 看 如 何在 一 个 简单 的 影片 剪辑 里 做 成 一 倒 牌 , 之 后 在 一 个 简易 游戏 里 展示 那些 牌 。 


人 有 要强 区 要 
吕 | 和 3 424 
$F 99s 
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源 文件 
http://flashgameu.com 
A3GPU213_HigherOrLower.zip 


13.1.1 创建 牌 堆 


不 管用 的 是 52 张 还 是 20 张 牌 ， 你 都 要 避免 让 它们 以 独立 库 元 件 的 形式 出 现 。 而 应 该 采用 一 
个 影片 剪辑 ， 让 这 个 影片 剪辑 里 的 一 帧 代表 牌 堆 里 的 一 张 牌 。 

这 就 让 你 可 以 重复 使 用 牌 面 上 的 元 素 。 比 如 ,你 可 以 在 所 有 上牌 上 使 用 同样 的 边框 装饰 线 。 改 
动 了 这 个 边框 就 可 以 对 这 县 牌 进行 改动 。 























































































































说 明 

对 一 王牌 使 用 单 影片 草 辑 策略 的 另 一 个 好 处 是 , 你 可 以 在 一 个 单独 的 g 片 里 对 这 一 
面 牌 作 艺术 装饰 以 及 同时 进行 编程 。 最 后 ， 只 需 把 美工 的 作品 放 进 你 的 影片 里 就 可 以 了 。 
你 甚至 可 以 做 几 个 不 同 的 主题 ， 让 游戏 外 观 可 以 随意 切换 。 








接着 ， 你 可 以 在 屏幕 上 通过 创建 Cards 影片 剪辑 的 一 个 实例 来 创建 一 张 牌 ， 让 它 跳 到 特定 的 
帧 以 表现 相应 的 牌 面 。 
图 13-1 展示 了 在 Cards 影片 剪辑 里 的 大 小 牌 堆 。 你 可 以 看 到 第 一 张 牌 。 在 时 间 轴 上 可 
以 看 到 其 他 的 一 些 牌 。 它 们 在 Card Face ( 牌 面 ) 那 层 有 不 同 的 数字 ， 不 过 它们 有 着 相同 的 
背景 层 。 
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图 13-1 Cards 影片 剪辑 包含 了 20 张 有 牌 面 不 同 但 背景 相同 的 牌 
要 把 一 张 牌 放 到 屏幕 上 ， 我 们 只 需 创建 一 个 caras 实例 ， 通 过 gotoAndstop 将 牌 设置 为 
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一 个 特定 值 ， 用 x 和 y 设置 它 的 位 置 ， 接 着 用 aqdqchila 把 它 加 入 到 显示 列表 里 。 
除了 牌 堆 以 外 , 我 们 还 需要 库 里 的 3 个 按钮 : 一 个 用 于 开始 游戏 的 按钮 , 一 个 Higher (更 大 ) 
按钮 和 一 个 Lower (更 小 ) 按钮 。 
这 个 游戏 也 有 两 个 gameover (游戏 结束 ) 帧 应 付 两 种 情况 : 一 种 是 玩家 5 次 猜 对 的 情 
况 下 获胜 ， 另 一 种 情况 是 玩家 在 游戏 进行 中 猜 错 了 。 两 帧 的 不 同 之 处 仅仅 是 上 面 的 文字 不 同 
而 已 。 


13.1.2 ”建立 类 


影片 将 是 HighLow.fla， 而 影片 类 就 是 HighLow.as。 类 起 始 于 最 基本 的 导入 ， 然 后 我 们 会 声 
明 几 个 常量 。 一 个 是 牌 堆 里 牌 的 数量 。 其 他 3 个 常量 决定 了 第 一 张 牌 的 起 始 位 置 以 及 牌 之 间 纵 横 
间距 : 


package { 
import flash.display.*; 
import flash.events.*; 
import flash.text.*; 


public class HighLow extends MovieClip 
/ /常量 
static const numCards:uint = 20; 
static const cardSpacing:Number = 90; 
static const cardX:Number = 50; 
static const cardY:Number = 160; 


发 牌 的 时 候 ， 我 们 是 把 所 有 上牌 存 进 一 个 数组 里 的 。 接 着 通过 各 自 的 变量 指向 各 个 按钮 ， 让 我 
们 稍 后 能 容易 地 移 除 它 们 : 
/ /游戏 对 象 
private var cards:Array; 


private Var buttonHigher:ButtonHigher; 
private Var buttonLower:ButtonLower; 


游戏 进行 时 ， 只 有 当前 牌 面 的 值 和 要 发 的 下 一 张 新 牌 的 值 是 有 意义 的 。 我们 把 这 些 数字 储存 
在 下 面 这 些 变量 里 ; 


一 


// 当 前 牌 值 以 及 新 牌 值 
private Var currentCard:uint,; 
private Var newCard:uint; 


13.1.3 ”开始 游戏 


我 们 在 这 个 游戏 里 不 使 用 构造 函数 , 而 是 从 第 2 帧 开始 游戏 并 调用 startHighLow, 和 我 们 
在 这 本 书 里 做 过 的 很 多 游戏 一 样 。 

这 个 函数 创建 了 cargs 数组 和 两 个 按钮 ， 同 时 调用 addCcard 启动 游戏 。adgcard 的 作用 
之 一 就 是 设置 newcard 变量 的 值 。 因 为 这 个 不 是 玩家 需要 的 牌 ， 我 们 立即 将 这 个 牌 值 复制 到 
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currentCard 里 。 然 后 通过 setButtons 的 调用 把 Higher 和 Lower 按钮 直接 放 到 屏幕 里 牌 的 


下 方 : 


public function startHighLow() { 
cards 


= new Array (); 


// 创 建 两 个 按钮 


but 
But 


bu 
bu 


Vy 


toon 


tton 


tonl 


ttonl 


Higher = new ButtonHigher(); 

Lower = new ButtonLower(); 
Higher.addEventListener (MouseEvent .CLICK, clickedButtonHigher); 
Lower .addEventListener (MouseEvent .CLICK, clickedButtonLower); 





曾 加 第 一 张 牌 


addCard (); 
currentCard = newCard; 


Se 


} 





LBut 


tons(); 


addcara 函数 就 是 用 Cards 影片 剪辑 创建 一 张 新 牌 。 先 选 一 个 随机 的 帧 序数 ， 接 着 用 
gotoAndstop 设置 影片 剪辑 跳 到 那 一 帧 。 接 着 设 好 位 置 ， 用 aadchilg 让 其 可 见 。 这 张 牌 也 同 
时 加 到 了 cards 数组 里 : 


private function addCard() { 


/ /选择 新 的 牌 值 并 创建 牌 对 象 

newCard = Math.floor(Math.random()*numCards+1); 
Var card:Cards = new Cards(); 

card.gotoAndStop (newCard) ; 


/ /放置 牌 
card.x = cardqX + cards.length*cardSpacing; 
Card,.y = CardYs 


addChild(card); 


/ /把 有 牌 添加 到 清单 里 


cards.push(card); 


} 


我 们 可 以 只 在 游戏 屏幕 上 摆 两 个 按钮 ， 一 个 是 Higher (更 大 ), 一 个 是 Lower (更 小 )。 接 着 





就 让 它们 位 于 屏幕 中 心 。 不 过 让 按钮 随 着 新 发 的 牌 而 向 后 移动 会 更 好 看 些 。 所 以 ， 国 数 
setButton 设置 两 个 按钮 的 位 置 位 于 最 新 的 牌 的 下 方 。 


Private function setButtons() { 
buttonHigher.x = cardX + (cards.length-1)*cardSpacing; 
buttonHigher.y = cardY + 75; 
buttonLower.x = cardX + (cards.length-1)*cardSpacing; 
buttonLower.y = cardY + 110; 
addCchild(buttonHigher); 
addChild (buttonLower); 


} 





在 图 13-2 中 ， 你 可 以 看 到 发 出 的 第 一 张 牌 ， 而 按钮 已 经 移 到 了 它 的 下 方 。 
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HighLow.swf 





Tr 





图 13-2 第 一 张 牌 已 经 发 出 ， 按 钮 出 现 供 玩家 选 拉 





13.1.4 ”响应 玩家 的 行为 


每 个 按钮 都 分 配 到 了 一 个 事件 处 理 程序 以 及 一 个 配套 的 函数 ,以 下 两 个 函数 都 会 为 游戏 添加 
下 一 张 牌 ， 接 着 它们 将 会 根据 "nigher" 或 "lower" 值 来 调用 checkcara 函数 : 


private function clickedButtonHigher (mouseEvent:MouseEvent) { 
addCard () ; 
checkCard("higher" ) ; 





} 


private function clickedButtonLower (mouseEvent:MouseEvent) { 
addCard (); 
checkCard ("lower");} 


} 

checkCard 函数 是 这 个 游戏 的 核心 。 玩 家 的 选择 以 字符 串 的 形式 传 进来 ， 接 着 就 查看 比较 
新 牌 和 当前 牌 值 。 先 假设 玩家 正确 ，if 语句 看 看 玩家 有 没有 错 。 如 果 错 了 ，correct 就 会 设 为 
false: 


private function checkCard(choice:String) { 
Var correct:Boolean = true; 


if (choice == "higher") { 
/ /选择 更 大 ， 看 是 否 正 确 
if (newCard <= currentCard) { 
correct = false; 


} 


} else if (choice == "lower") { 
/ /选择 更 小 ， 看 是 否 正 确 
if (newCard >= currentCard) { 
correct = false; 
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} 
如 果 玩 家 是 对 的 ， 就 检查 牌 的 数量 。 这 个 游戏 的 要 求 是 6 张 牌 ， 如 果 已 经 够 数 ， 玩 家 将 看 到 
gamewon (赢得 游戏 ) 帧 ， 并 且 按 钮 会 从 屏幕 移 除 。 否 则 ， 按 钮 重新 定位 ， 玩 家 必须 继续 选择 : 
/ /正确 ， 处 理 下 一 张 牌 


if (correct) 1 


if (eards.length == 6) { 
// 所 有 6 张 牌 都 已 发 出 ， 玩 家 赢 
removeButtons (); 
gotoAndSstop ("gamewon");} 
} else { 


/ /将 按钮 设置 在 下 一 张 牌 下 方 
currentCard = newCard; 
setButtons (); 


} 
如 果 玩 家 全 猜 错 了 ， 按 钮 也 会 移 除 ， 不 过 这 次 玩家 看 到 的 就 是 gameover (游戏 结束 ) 帧 。 


} else { 
// 猜 错 了 
removeButtons (); 
gotoAndSstop ("gameover"); 


13.1.5 ”清空 


removeButtons 国 数 很 简单 ， 但 很 重要 。 我 们 不 想 让 玩家 在 游戏 结束 后 还 继续 选择 ; 


private function removeButtons() { 
removeChild (buttonHigher); 
removeChild (buttonLower); 


} 
gamewon 和 gameover 两 帧 上 都 有 一 个 按钮 供 玩 家 继续 尝试 。 在 玩家 单 击 之 后 ，cleanUp 国 
数 就 会 被 用 来 清除 当前 这 套 牌 : 


DubBlie fuhnction cleanup() 寺 
for (var i:int=0;i<cards.length;i++) { 
removeChild(cards[i]); 
} 


cards = new Array(); 


这 就 是 类 的 全 部 了 。 不 过 最 后 一 帧 上 的 代码 值得 一 看 ， 以 下 代码 设置 重新 开始 游戏 的 按钮 : 


playAgainButton.addEventListener (MouseEvent .CLICK,clickPlayAgain); 
function clickPlayAgain(event:MouseEvent) { 

cleanUp () ; 

gotoaAndqStop ("PDlLay") ; 
} 


clickPlayAgain 国 数 被 用 在 了 gamewon 和 gameover 两 帧 上 ,不 过 它 只 需要 出 现 一 次 。 所 
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以 ， 它 位 于 两 帧 中 的 第 一 帧 。 
13.1.6 ”修改 游戏 


我 试 着 让 游戏 尽量 简单 。 不 过 如 果 我 真 的 要 把 这 个 游戏 做 成 一 个 项 目的 话 , 我 要 做 的 第 一 件 
事 就 是 不 让 同一 张 牌 出 现 两 次 。 现 在 的 情况 是 ， 玩 家 可 以 在 开始 时 抽 到 9， 然 后 抽 到 的 下 一 张 牌 
可 能 也 是 9。 那样 的 话 和 现实 世界 并 不 一 致 ， 我 们 知道 一 张 牌 从 牌 堆 里 抽出 之 后 ， 它 就 不 会 再 被 








抽 到 了 。 
在 接 下 来 的 两 个 游戏 中 , 我 们 创建 了 由 数组 表示 的 一 合 牌 。 数 组 中 的 每 一 个 元 素 代表 牌 堆 里 
的 一 张 牌 。 然 后 我 们 打 乱 数组 并 每 次 从 中 抽出 一 张 牌 。 这 么 做 ， 牌 堆 里 的 每 张 牌 就 真 的 只 出 现 一 


次 ， 就 和 实际 中 的 一 合 牌 一 样 了 。 

就 算是 这 么 个 简单 的 游戏 , 你 也 可 以 通过 加 入 好 看 的 牌 面 图 片 和 屏幕 背景 来 创造 一 些 有 趣 的 
风格 。 在 棒球 比赛 现场 大 屏幕 上 有 时 也 能 看 到 这 个 游戏 , 他 们 使 用 带 有 棒球 队员 号 码 的 棒球 卡片 。 
这 使 得 它 很 具 话题 性 并 帮助 人 们 了 解 球衣 号 码 。 这 个 想法 同样 可 以 用 在 网 站 游戏 上 来 推广 学 校 的 
运动 队 。 


13.2 ”电子 扑克 


现在 让 我 们 试 着 做 个 使 用 真实 扑克 的 游戏 。 在 很 多 赌场 的 专用 机 器 里 都 有 这 个 游戏 , 而 它 作 
为 网 站 的 娱乐 游戏 也 很 受 欢 迎 。 

电子 扑克 (Video Poker) 是 一 种 赌博 游戏 。 你 开始 时 会 得 到 一 定 的 点 数 或 现金 一 一 在 游戏 里 
也 是 如 此 。 我 使 用 美元 来 表示 点 数 。 不 过 你 把 1 点 说 成 是 1 便士、1 欧元 或 任何 东西 都 行 。 

每 次 玩 的 时 候 ， 你 都 得 押 上 一 美元 。 你 会 得 到 5 张 牌 , 而 如 果 这 是 手 好 牌 的 话 ， 你 会 得 到 更 
多 的 点 数 。 如 果 有 牌 太 差 ， 你 会 得 零点 。 























说 明 


当然 ， 扑 克 通 常 是 和 其 他 人 对 抗 着 玩 的 。 不 过 那 是 另 一 种 非常 不 同 的 游戏 类 型 。 
扑克 里 ， 你 基本 上 是 和 一 部 有 趣 的 角子 机 玩 。 如 果 参 数 设置 恰当 的 话 ， 可 以 老少 威 
不 过 对 于 更 看 重 娱乐 性 的 网 页 游戏 来 说 ， 你 可 能 想 让 玩家 赢 。 这 可 以 通过 修改 类 后 面 
winnings 陨 数 中 的 奖励 金额 实现 。 
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你 有 一 次 机 会 用 手中 的 一 张 或 几 张 牌 换取 新 牌 来 改善 手气 ， 所 以 其 中 包含 了 某 种 策略 。 
该 游戏 有 几 个 新 概念 ， 比 如 数组 中 的 一 副 洗 过 的 牌 和 常规 的 计时 事件 。 


源 文件 
http://flashgameu.com 


A3GPU213_VideoPoker.zip 
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13.2.1 洗 牌 和 发 牌 


在 猜 大 小 游戏 里 发 出 的 牌 只 是 一 个 随机 的 数字 而 已 。 例 如 ， 你 可 以 有 两 张 一 样 的 牌 。 那 其 实 
并 没有 所 谓 的 “ 牌 堆 ” 一 一 每 一 张 牌 在 游戏 继续 进行 之 前 都 是 不 存在 的 。 

而 对 于 使 用 真实 扑克 的 纸牌 游戏 (如 电子 扑克 和 21 点) 来 说 ,我 们 需要 创建 一 堆 牌 并 洗 牌 。 
我 们 涉及 的 这 个 技术 要 回 渊 到 本 书 2.6.5 市 。 

创建 一 副 牌 即 拥有 一 个 包含 52 个 牌 名 的 数组 。 简 单 地 说 ， 我 们 用 一 个 字母 和 一 个 数字 来 命 
名 这 些 牌 。 于 是 ，c9 代表 梅花 9，hs 代表 红心 5， 以 此 类 推 。 字 母 e<、d、h 和 s 分 别 自 代表 梅花 、 
方块 、 红 心 和 黑 桃 四 种 花色 。 数 字 2~10 代表 相应 数值 。 数 字 1、11、12 和 13 分 别 代表 A、J、Q 
和 KK。 





说 明 

花色 字母 在 先是 因为 它 总 是 一 个 字符 。 而 数字 既 可 能 是 一 个 字符 (比如 7) 也 可 能 
个 字符 (比如 10) 。 所 以 ， 我 们 可 以 很 容易 地 通过 分 离 出 第 一 个 字符 而 获得 花色 值 ， 
第 一 个 字符 后 面 剩 下 的 数字 就 是 牌 值 了 。 
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创建 了 带 有 所 有 52 个 牌 名 的 数组 之 后 ， 我 们 需要 进行 洗 牌 了 。 这 就 意味 着 要 创建 一 个 新 的 
数组 , 并 从 原来 的 数组 随机 抽取 牌 放 到 新 的 数组 里 去 。 结果 就 是 得 到 一 “全 ”完全 随机 洗 过 的 牌 。 
我 们 接着 就 可 以 用 pop 取出 这 羡 牌 最 上 面 这 张 ， 并 把 它 发 出 去 。 


13.2.2 ”计时 事件 


在 电子 扑克 的 开始 ， 玩 家 分 到 5 张 牌 。 把 所 有 5 张 牌 一 次 摆 到 屏幕 上 很 容易 。 不 过 通常 并 非 
如 此 ， 而 是 在 每 张 牌 的 发 出 显现 之 间 都 有 一 定 的 延 时 。 

所 以 当 要 展示 5 张 牌 时 , 我 们 并 非 一 次 性 把 它们 全 铺 到 屏幕 上 ,而 是 每 次 只 发 出 一 张 。 要 做 
到 这 一 点 ， 我 们 采用 Timer 对 象 来 使 得 牌 与 牌 之 间 可 以 拉 开 1 秒 的 间隔 。 

为 了 不 一 次 发 出 5 张 牌 ， 我 们 在 一 个 数组 列表 里 放 5 个 发 牌 事件 。 然 后 我 们 就 开启 Timer。 
每 当 Timer 的 国 数 被 调用 的 时 候 ， 它 将 从 events 数组 的 顶部 抽 走 并 执行 一 个 事件 。 














说 明 


做 计时 事件 的 关键 在 于 不 让 玩家 在 所 有 事件 都 执行 完 之 前 做 出 任何 动作 。 我 们 在 此 处 的 
做 法 是 直到 最 后 一 个 事件 发 生 之 后 才 向 玩家 提供 按钮 来 单 击 。 世 事 无 绝对 ， 你 也 可 以 让 
按钮 可 用 并 让 其 被 按 下 时 可 以 识别 到 有 事件 未 完成 。 在 这 种 情况 下， 那些 事件 需要 在 对 
玩家 的 行为 有 所 反馈 之 前 襄 不 迟疑 地 执行 完 。 
















































































































































































我 们 不 只 在 初始 化 时 这 么 做 ， 在 游戏 随后 每 次 奉 代 牌 的 抽取 时 都 是 这 样 。 


13.2 ”电子 扑克 393 





13.2.3 ”创建 牌 堆 


跟 之 前 一 样 , 牌 堆 在 库 里 是 单个 影片 剪辑 。 不 过 这 次 每 一 帧 的 标签 名 将 根据 牌 值 来 设置 : c1， 
c2 ，c3， 等 等 。 而 且 ， 还 有 表现 反 转 的 帧 以 及 一 个 空白 帧 。 图 13-3 展示 了 选取 到 梅花 A 那 帧 的 
影片 剪辑 ， 你 可 以 看 到 帧 标签 名 叫 c1。 
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图 13-3 Deck 影片 剪辑 的 一 帧 包含 一 张 牌 


当 我 们 需要 在 舞台 上 摆 放 一 张 牌 的 时 候 ， 我 们 其 实 就 创建 了 Deck 的 一 个 实例 ， 然 后 通过 
gotoAndstop 把 它 设置 到 我 们 需要 的 那 张 牌 的 图 片 。 














说 明 


影片 的 库 里 ， 你 可 以 找到 牌 的 影片 剪辑 ， 还 有 一 个 专门 存放 相关 图 片 的 文件 夹 。 示 例 
deck 非常 简单 。 人 在 真实 的 游戏 中 ， 你 需要 在 卡 面 上 放 图 男 。 而 那些 图 国都 是 特定 的 。 比 
如 ， 红 心 入 就 是 “自杀 王 ”， 有 把 剑 在 他 头 的 后 面 (或 者 说 穿 过 头 部 ， 这 取决 于 你 的 视 
角 ) 。 黑 桃 和 红心 [是 “独眼 杰克 ”， 他 们 的 头 都 转向 一 边 ， 所 以 你 只 能 看 到 一 只 眼 。 
请 确保 你 或 你 的 美工 在 创建 要 使 用 的 牌 之 前 研究 过 扑克 牌 上 的 图 案 。 























































































































13.2.4 游戏 元 素 


除了 牌 堆 外 ， 这 个 游戏 还 需要 一 些 按钮 。 就 像 在 猜 大 小 游戏 中 一 样 ， 在 这 个 游戏 的 进程 期 间 
会 不 时 出 现 按钮 。 在 图 13-4 中 你 可 以 看 到 有 3 个 按钮 : Draw ( 抽 牌 )、Deal (发 牌 ) 和 Continue 
(继续 ) 。 不 过 我 们 不 会 让 3 个 按钮 同时 出 现 。 而 是 在 一 开始 给 出 Deal 按钮 。 当 5 张 牌 都 打出 的 
时 候 它 就 被 移 除 。 之 后 Draw 按钮 出 现 。 当 玩家 单 击 的 时 候 ， 它 就 消失 而 且 牌 就 被 替换 了 。 而 
Continue 按钮 会 在 最 后 出 现 。 
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图 13-4 ”游戏 主 帧 上 包含 了 3 个 按钮 ， 不 过 每 次 只 出 现 一 个 


在 这 个 示例 游戏 里 ，3 个 按钮 互相 挨 着 。 不 过 因为 它们 每 次 只 出 现 一 个 ， 所 以 其 实 可 以 把 它 
们 摆 到 同一 个 位 置 。 

这 3 个 按钮 的 事件 侦 昕 器 被 分 配 在 第 2 帧 的 时 间 轴 代码 上 ,那儿 也 同时 调用 游戏 的 开始 函数 : 

startVideoPoker (); 

dealButton.addEventListener (MouseEvent .CLICK, dealCards); 


drawButton.addEventListener (MouseEvent .CLICK, drawCards); 
continueButton.addEventListener (MouseEvent .CLICK, endTurn); 









































13.2.5 ”建立 类 
除了 标准 的 包 之 外 ， 我 们 需要 导入 Timer 函数 ， 以 便 按时 间 间 隔 来 发 牌 : 


package { 
import flash.display.*; 
import flash.events.*; 
import flash.text.*; 
import flash.utils.Timer; 


接 下 来 ， 我 们 需要 类 的 某 些 属性 记录 玩家 持 有 的 现金 量 以 及 每 手 牌 的 风险 金 。 这 种 情况 下 ， 
赌注 是 个 变量 ,但 它 也 可 以 是 个 常量 。 不 过 ， 如 果 你 想 扩展 游戏 让 玩家 下 不 同 数量 的 赌注 的 话 ， 
它 最 好 是 个 变量 。 

也 需要 为 玩家 的 手 牌 准备 一 个 数组 。 用 一 个 独立 的 数组 保存 牌 对 象 实例 ,以 便 我 们 稍 后 将 之 
移 除 。 最 后 一 个 数组 记录 着 玩家 已 经 选 好 要 被 替代 的 牌 : 

public class VideoPoker extends MovieClip { 
/ /常量 


/ /游戏 对 象 

private var cash:int; // 总 现金 流 
private var bet:int = 1; // 每 次 下 注 额 
private var deck:Array; // 洗 过 的 牌 堆 
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private var playerHand:Array; // 手 牌 清单 
private var playerCards:Array; //card 对 象 清单 
private var cardsToDraw:Array; // 要 抽 的 牌 


/ /记录 未 来 事件 
private Var timedEvents:Timer; 
private var timedEventsList:Array; 





最 后 两 行 声明 了 一 个 Timer 对 象 和 一 个 数组 ， 在 我 们 创建 计时 事件 时 会 用 到 它们 。 
游戏 开始 函数 以 将 玩家 现金 设置 为 100 开始 ， 接 着 调用 showcasp 把 它 显示 在 文本 字段 里 。 


当 影 片 播 到 时 间 轴 代码 所 在 帧 时 ， 函 数 就 会 被 其 调用 : 


public function startVideoPoker() { 


// 初 始 化 cash (现金 ) 
Sas = L100 
ShowCash () ; 


/ /开始 游戏 
createDeck () ; 





下 一 步 ， 它 调用 createDeck 在 数组 里 创建 一 县 的 牌 名 并 洗 混 它们 。 我 们 后 面 会 看 看 这 个 


timedEventsList 是 游戏 在 未 来 按 固定 间隔 运行 事件 所 需 的 一 个 数组 。 它 开始 时 是 空 的 : 





// 建 立 计时 事件 列表 


timedEventsList = new Array(); 


将 会 有 3 个 按钮 在 屏幕 上 。 不 过 在 游戏 开始 阶段 ， 我 们 不 想 让 所 有 按钮 同时 出 现 。 要 根据 
游戏 进程 来 决定 呈现 哪个 按钮 。 我 们 先 开始 隐藏 全 部 按钮 ， 接 着 让 游戏 的 不 同 函数 显示 所 需 的 


按钮 : 


// 移 除 所 有 按钮 
removeChild(dealButton); 
removeChild(drawButton); 
removeChild(continueButton); 


说 明 
记 住 ，removeChi1lq 只 把 对 象 从 显示 列表 移 除 。 所 有 其 他 属 ， 





















































巴 它 原封 不 动 地 放 回 去 。 














最 后 ， 游 戏 以 调用 startHand 开始 ， 


/ /开始 第 一 手 牌 
startHand(); 


工 , 旧 





bw 





0 对 象 的 位 置 保持 














不 变 。 所 以 我 们 可 以 简单 地 通过 removeChi1q“ 拿 掉 ” 物 休 ， 之 后 再 通过 addChi1g 
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13.2.6 洗 牌 


要 建立 一 又 洗 混 的 牌 ， 我们 首先 需要 一 又 有 序 的 牌 。 这 个 数组 应 当 是 cl~s13 的 一 个 字符 串 
集合 
那么 我 们 从 一 个 空 数组 开始 ， 然 后 遍历 代表 4 种 花色 的 字母 。 我 们 把 字母 放 进 一 个 数组 里 ， 
然后 通过 壳 历 0~3 来 获得 每 一 种 花色 
在 上 述 的 循环 中 ， 我 们 遍历 1~13 获取 所 有 数字 。 接 着 我 们 把 一 个 由 花色 字母 和 数字 组 成 的 
字符 串 添加 到 数组 里 : 
private function createDeck() { 
/ /创建 一 个 有 序 牌 堆 的 数组 
// 用 字符 囊 代表 牌 值 
Var uiteArray < [ev ra Lh ly 
Var temp:Array = new Array(); 
for(lvar suit:int=0;suit<4;suit++) { 


for(var num:int=1;num<1l4;num++) { 
temp.push (suits[suit]+num); 





} 
} 


请 注意 ， 这 个 数组 是 创建 在 一 个 叫做 temp 的 变量 里 的 ， 因 为 该 变量 是 临时 的 而 且 我 们 不 会 
在 国 数 之 外 用 到 它 。 真 正 的 牌 堆 会 在 deck 变量 里 ,开始 也 是 空 的 。 接 着 我 们 在 每 次 循环 里 从 temp 
抽取 一 个 随机 的 牌 放 进 deck， 直 至 temp 为 空 

// 拣 出 随机 牌 直到 牌 堆 被 洗 混 


deck = new Array (); 

while (temp.length > 0) { 
Var r:int = Math.floor(Math.random()*temp.length); 
deck.push (temp[r]); 
temp.splicel(r,1); 





} 
} 


到 这 里 ， 我 们 就 有 了 一 个 填 满 完全 随机 顺序 的 52 个 牌 名 的 deck 数组 。 


13.2.7 计时 事件 


在 开始 这 个 游戏 之 前 ， 我 们 先 来 看 看 用 来 处 理 计时 事件 的 函数 。 

我 们 先 从 两 个 函数 开始 , 第 一 个 函数 让 游戏 开始 寻找 计时 事件 并 运行 它们 。 它 创建 了 一 个 计 
时 器 , 设置 了 一 个 事件 侦 听 器 来 调用 playTimedEvents, 接着 启动 它 ,。 请 注意 数字 250 代表 250 
毫秒 ， 也 就 是 1/4 秒 ， 这 是 事件 之 间 的 时 间 间 隔 : 


private function startTimedEvents() { 
timedEvents = new Timer (250); 
timedEvents.addEventListener (TimerEvent.TIMER, playTimedEvents); 
timedEvents.start (); 














} 
这 儿 有 个 相对 应 的 事件 寻找 中 止 函 数 。 我 们 可 以 在 没有 更 多 事件 可 执行 的 时 候 调用 它 
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private function stopTimedEvents() { 
timedEvents.stop(); 
timedEvents.removeEventListener (TimerEvent .TIMER, playTimedEvents); 
timedEvents = null; 


} 
当 有 行动 需要 顺 次 执行 时 ， 我 们 通过 调用 下 面 这 个 函数 把 它 添加 到 timedEventsList 上 : 


private function addTimedEvent (eventString) { 
timedEventsList.push(eventSstring); 

















负责 所 有 工作 的 国 数 是 playTimedqEvents。 它 通过 查看 if 语句 来 和 弄 明 白 在 上 timedqEvent- 
sList 里 存储 在 前 面 的 字符 串 指 示 要 做 的 事情 ， 然 后 据 此 运行 某 段 代码 。shift 函数 和 pop 刚 
好 相反 ， 它 从 数组 的 前 端 (而 不 是 末尾 ) 取 走 一 个 元 素 。 

// 看 看 是 否 有 新 的 事件 在 列表 里 并 执行 它 


private function playTimedEvents(e:TimerEvent) { 
Var thisEvent = timedEventsList.shift(); 








if (thisEvent == "deal card") { 
dealCard(); // 初 始 化 发 牌 的 部 分 

} else if (thisEvent == "end deal") { 
waitForDraw(); // 初 始 化 发 牌 完成 

} else if (thisEvent == "draw card") { 
drawCard(); // 替 换 一 张 牌 

} else if (thisEvent == "end draw") { 


drawComplete(); // 所 有 牌 替换 完成 ， 全 部 完成 
上 
} 


那么 对 于 计时 事件 来 说 ,关键 在 于 往事 件 列表 添加 字符 串 然 后 确保 在 playTimedEvents 有 
代码 处 理 这 个 事件 。 你 也 必须 记 住 不 调用 startTimedEvents 是 无 法 处 理事 件 的 ， 而 且 一 个 序 
列 中 最 后 的 事件 都 应 该 在 代码 结束 时 调用 stopTimedEvents。 


13.2.8 ”开始 发 牌 


当 游 戏 开 始 时 ，startHand 函数 被 调用 。 这 个 函数 还 不 涉及 发 牌 , 它 只 是 重 设 了 数组 并 让 
DEAL 按钮 可 见 从 而 可 以 让 玩家 单 击 。 同 时 它 也 在 文本 字段 里 放置 了 一 些 帮助 文本 供 玩 家 参考 : 


private function startHand() { 








尾 

















/ /清空 玩家 的 手 牌 
playerHand = new Array (); 





playerCards = new Array(); 
CardsToDraw = new Array (); 
resultDisplay.text = "Press DEAL to start."; 


addChild(dealButton); 
} 


dealCards 国 数 负责 初始 化 5 张 牌 , 开始 时 它 从 玩家 的 现金 里 减 掉 押 出 去 的 赌注 并 更 新 现 
金 的 显示 ， 然 后 移 除 DEAL 按钮 让 玩家 不 能 再 次 单 击 。 这 时 所 有 3 个 按钮 都 不 可 见 
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private function dealCards(e:MouseEvent) { 


// 从 玩家 那里 扣 下 赌注 
cash -= bet; 
ShowCash () ; 


// 移 除 DEAL 按钮 
removeChild (dealButton); 
下 一 步 , 发 出 5 张 牌 。 不 过 牌 不 是 立刻 发 出 去 。 它 们 会 代 之 以 通过 发 送 字 符 串 "deal card" 
到 函数 addTimedEvent 向 计时 事件 列表 添加 事件 : 
/ /添加 事件 以 发 出 5 张 牌 


for(var i:int=0;i<5;i++) { 
addTimedEvent ("deal card"); 





} 
除了 发 牌 事 件 之 外 ， 我 们 也 需要 增加 一 个 结束 发 牌 事件 。 它 把 DRAW 按钮 放置 在 屏幕 上 让 
玩家 可 以 继续 下 一 步 。 图 13-5 展示 了 游戏 此 时 的 屏幕 情况 。 


AMAA VideoPoker.swf 





Video Poker 


Cash: $99 


EE 
i 4% 诗 ， NE 


Click to turn over cards you want to discard. 


图 13-5 ” 头 5 张 牌 已 经 发 出 ,现在 玩家 可 以 决定 赫 换 哪 张 牌 


在 加 上 最 后 一 个 事件 之 后 ， 游 戏 就 准备 开始 了 。 于 是 ， 调 用 startTimedEvents 函数 让 游 
戏 跟 进 那 6 个 事件 : 


/ /最 后 示意 发 牌 结 
addTimedEvent ("end deal"); 


























/ /开始 事 件 计 时 器 
startTimedEvents (); 


} 
当 执 行 到 发 牌 事件 时 , 对 dealcard 的 调用 就 会 发 生 。 这 个 函数 从 有 牌 堆 取 得 下 一 张 牌 然后 对 
其 调用 showcard。 它 同时 把 这 张 牌 添 加 到 玩家 手中 : 


private function dealCard() { 
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} 


// 从 牌 堆 获得 下 一 张 牌 
Var newCardVal:String = deck.pop(); 


/ /展示 它 并 把 它 加 到 手 牌 中 
showCard (newCardVal); 
playerHand.push (newCardVal);} 


showCard 函数 用 来 创建 card 对 象 并 让 它 以 正确 的 帧 出 现在 屏幕 的 正确 位 置 上 。 
它 还 设置 了 card 影 片 剪辑 的 两 个 属性 : val 和 pos。 第 一 个 是 牌 值 ， 比 如 hll 代表 红心 J。 
第 二 个 是 牌 在 手中 的 位 置 ， 为 0~4 中 的 一 个 数字 。 位 置 从 数组 playerHanad 的 当前 长 度 获 得 : 


private function showCard(cardVval) { 


. 


showCard 国 数 所 做 的 另 一 件 


// 获 得 一 张 新 牌 并 添加 到 屏幕 上 

var newCard:Cards = new Cards () ; 

newCard.gotoAndSstop (cardVal); 

newCard.y = 200;} 

newCard.x = 70*playerHand.length+100; 

newCard.val = cardVal; // 获 取 值 

newCard.pos = playerHand.length; // 获 取 位 置 
newCard.addEventListener (MouseEvent .CLICK, clickDrawButton); 
addChilgd (newCard); 


// 添 加 到 card 对 象 数 组 里 
playerCards .push (newCard); 


Ml 





囊 是 为 牌 设置 一 个 事件 侦 昕 器 。 这 样 使 得 牌 成 为 一 个 可 供 玩家 


单 击 的 “按钮 ”。 
13.2.9” 抽 上 牌 











在 5 个 发 牌 事 件 按 顺 序 处 理 完 之 后 ,就 要 处 理 结束 发 牌 事 件 了 。 这 会 调用 函数 waitForDraw,， 





这 个 函数 要 做 的 基本 上 是 把 DRAW 按钮 放 到 屏幕 上 并 更 新 帮助 文本 。 因 为 在 事件 数组 里 已 经 没 
有 事件 需要 执行 了 ， 它 还 会 调用 stopTimeEvents。 


private function waitForDraw() { 


} 








// 显 示 DRAW 按钮 和 说 明文 字 
addChild(drawButton); 
resultDisplay.text = "Click to turn over cards you want to discard."; 


/ /就 地 停止 事件 计时 器 


stopTimedEvents (); 





这 时 游戏 暂停 ， 轮 到 玩家 行动 。 玩 家 可 以 单 击 任何 一 张 牌 或 单 击 DRAW 按钮 。 如 果 玩 家 单 
击 了 某 张 牌 ， 相 应 的 事件 侦 听 器 就 会 调用 cl1ickDrawButton 函数 。 
这 个 函数 把 牌 放 到 了 本 地 变量 thiscara 里 , 接着 会 有 两 种 情况 要 处 理 。 第 一 种 情况 就 是 这 
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张 牌 已 经 在 展示 第 2 帧 ， 也 就 是 牌 的 背面 。 这 就 是 说 这 张 牌 已 经 被 玩家 翻 面 ， 应 该 翻 回来 。 所 谓 
翻 牌 ， 我 们 指 的 是 使 用 gotoAndstop 来 让 其 显示 正确 的 牌 值 。 


说 明 


因为 在 这 个 游戏 里 ， 牌 的 背面 只 是 用 来 表示 某 张 牌 该 被 替换 了， 所 以 你 需要 换 一 张 让 这 
个 意思 表达 得 更 清楚 的 图 片 。 可 能 你 想 在 cards 影片 剪辑 的 第 2 帧 加 上 Draw 或 Draw New 
字样 ， 或 者 ， 在 牌 的 上 面 或 下 面 增加 尝 动 文字 。 







































































另 一 种 更 普遍 的 情况 ， 牌 面向 上 而 玩家 要 把 它 翻 过 去 。 这 种 情况 下 ,我 们 让 影片 剪辑 跳 到 第 
2 帧 。 它 依然 知道 自己 的 值 ， 因 为 我 们 把 它 存储 在 val 属性 里 了 : 


private function clickDrawButton(e:MouseEvent) { 








// 让 牌 接受 单 击 


var thisCard:MovieClip = MovieClipl(e.currentTarget); 


if (thisCard.currentFrame == 2) { 
// 如 果 它 已 经 被 翻转 (第 2 帧 ) ， 那么 翻 过 来 
thisCard.gotoAndStop (thisCard.val); 


} else { 
// 通 过 跳 到 第 2 帧 来 翻转 
thisCard.gotoAndStop (2) ; 


} 

在 玩家 翻转 了 任何 他 想 交 换 的 牌 之 后 ，DRAW 按钮 推动 游戏 向 前 。draw Cards 会 函数 移 除 
Draw 按钮 ， 接 着 遍历 所 有 上牌 看 哪些 被 翻转 了 ， 它 会 把 那些 牌 添 加 到 数组 cardsToDraw 里 ， 而 
这 个 数组 里 就 会 有 一 个 需要 新 牌 的 位 置 列表 。 对 应 其 中 每 一 个 位 置 都 有 一 个 抽 牌 事件 被 添加 到 事 
件 列表 里 : 


private function drawCards (e:MouseEvent) { 











// 移 除 DRAW 按钮 
removeChild(drawButton); 


/ /遍历 所 有 5 张 牌 
for(var i=0;i<playerCards.length;i++) { 
if (playerCards[i].currentFrame == 2) { 
// 牌 被 翻转 了 ， 添 加 到 列表 并 设置 事件 
cardsToDraw.push (i); 
addTimedEvent ("draw card"); 
} 
} 


和 发 牌 一 样 ， 我 们 也 有 个 特定 的 事件 来 表示 抽 牌 的 结束 。 添 加 完 之 后 ， 我 们 可 以 调用 
startTimedEvents 来 开始 事件 的 处 理 了 : 
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// 添 加 所 有 事件 的 结尾 ， 添 加 检查 结果 的 一 个 事件 


addTimedEvent ("end draw"); 


// 再 次 启动 计时 器 
startTimedEvents(); 


} 

抽 牌 和 初始 化 时 的 发 牌 相似 ， 不 过 没 那么 烦琐 。 我 们 通过 调用 arawcara 来 处 理 抽 牌 事件 。 
这 个 函数 从 数组 cardsToDraw 获取 牌 的 位 置 。 然 后 从 牌 堆 获 取 新 的 牌 值 。 接 着 通过 设置 
playerHand 数组 里 的 目标 元 素来 将 那儿 的 牌 变 为 新 的 牌 值 ,并 用 gotoandstop 来 显示 新 的 值 : 


private function drawCard() { 


























// 要 替换 的 牌 


Var cardToDraw = cardsToDraw.shift(); 


// 从 牌 扒 中 取得 一 张 牌 
Var newCardVal:String = deck.pop(); 


// 更 新 牌 值 
playerHand[cardToDraw] = newCardVal; 
playerCards[cardToDraw] .gotoAndstop (newCardVal); 


} 
请 注意 ， 牌 的 val 属性 没有 变 。 我 们 不 再 需要 这 个 属性 ， 因 为 它 只 用 在 玩家 翻 牌 时 。 此 时 
只 有 playHang 数组 才 重 要 。 


13.2.10 ”完成 一 手 牌 


一 张 新 牌 抽出 了 以 后 , “结束 抽 牌 ”事件 将 触发 对 drawcomplete 的 调用 。 这 个 函数 调用 
hanavalue， 看 玩家 都 有 什么 牌 ， 然 后 调用 winnings， 看 它 值 为 多 少 。 我们 稍 后 就 将 接触 到 这 
些 函 数 。 

接 下 来 的 这 些 值 会 显示 在 屏幕 上 的 帮助 文本 里 , 而 winnings 如 果 有 值 的 话 , 则 会 被 添加 到 
玩家 的 现金 里 。 Continue 按钮 是 隐藏 的 ， 计时 事件 也 会 关闭 ， 因 为 在 下 一 手 牌 之 前 都 不 会 再 有 事 
件 发 生 了 : 


function endTurn(e:MouseEvent) { 











// 移 除 按钮 


removeChild(continueButton); 


// 移 除 旧 牌 
while(playerCards.length > 0) { 
removechild(PlayerCards .pop () ) ; 





} 


/ /重新 洗 牌 并 发 一 手 新 牌 
createDeck () ; 
startHand(); 
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当 玩 家 单 击 Continue 按钮 时 ， 牌 就 会 从 屏幕 上 被 移 除 ， 整 个 过 程 以 调用 createDeck 创建 
一 个 新 洗 过 的 牌 堆 的 方式 重 来 ， 然 后 由 stratHang 开始 新 一 轮 发 牌 : 
function endTurn(e:MouseEvent) { 


// 移 除 按钮 


removeChild(continueButton); 


// 移 除 旧 上牌 

while(playerCards.length > 0) { 
removeChild(playerCards.pop()); 

} 


// 重 洗 牌 堆 并 发 一 手 新 牌 
createDeck () ; 
startHand(); 

} 


用 过 多 次 的 showCash 函数 把 值 放 到 文本 字段 里 : 


private function showCash() { 
cashDisplay.text = "Cash: S$"+cash; 
由 


13.2.11 计算 扑克 赢 分 


函数 handValue 很 重要 ， 它 有 个 任务 是 ， 查 看 5 张 牌 所 组 成 的 数组 并 判断 这 一 手 牌 的 值 。 
比如 ， 一 手 [c55，d8，h6，s7，h4] 应 该 返回 的 值 为 Straight ( 顺 )。 

到 目前 为 止 ,本 书 里 每 一 个 游戏 中 的 每 一 块 代码 都 是 毫 无 保留 地 展示 的 。 不 过 在 这 个 例子 中 ， 
我 觉得 最 好 把 这 个 函数 略 过 。 它 所 做 的 不 过 是 传 入 一 个 数组 、 返 回 一 个 字符 串 而 已 。 函 数 内 的 计 
算 可 以 简单 也 可 以 复杂 。 你 可 以 自行 决定 是 否 值得 去 了 解 它 的 内 部 工作 机 制 。 

你 可 以 到 VideoPoker.as 里 看 看 这 个 国 数 。 我 已 经 增加 了 注释 以 便 你 弄 明白 它 是 如 何 做 的 。 
另外 ， 我 已 经 在 网 站 http://flashgameu.com 中 对 它 的 工作 原理 作 了 描述 。 

winnings 函数 比较 直接 。 它 只 是 根据 应 该 赢 的 现金 数 ， 向 每 一 种 扑克 手 牌 值 返回 一 个 数字 
而 已 : 


function winnings (handVval) { 











if (handVal == "Royal Flush") return 800; 
if (handVal == "Straight Flush") return 50; 
if (handVal == "Four-Of-A-Kind") return 25; 
if (handVal == "Full House") return 8; 

if (handVal == "Flush") return 5; 

if (handVal == "Straight") return 4; 

if (handVal == "Three-Of-A-Kind") return 3; 
if (handVal == "Two Pair") return 2; 

if (handVal == "High Pair") return 1; 

if (handVal == "Low Pair") return 0; 

if (handVal == "Nothing") return 0; 
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请 注意 一 对 小 牌 返回 0。 所谓 一 对 小 牌 就 是 指 一 对 小 于 本 的 牌 。 一 对 大 牌 还 能 赢 到 1 倍 的 钱 ， 
而 一 对 小 牌 就 输 了 。 这 在 电子 扑克 游戏 里 是 很 标准 的 判定 。 如 有 果 只 要 是 有 一 对 就 可 以 赢 1 倍 的 钱 
的 话 ， 那 么 一 手 牌 赢 的 超过 1 倍 就 变 得 容易 了 。 

















13.2.12 ”修改 游戏 


电子 扑克 游戏 很 好 地 建立 起 来 了 , 而 游戏 的 基本 原理 并 没有 太 多 值得 你 修改 的 地 方 。 不 过 你 
还 是 可 以 让 这 个 游戏 变 得 更 好 一 些 。 

例如 ，Cash Out (结算 ) 按钮 可 以 让 玩家 带 着 虚拟 的 现金 离开 游戏 。 他 们 可 以 接着 用 全 新 的 
100 美元 重新 开始 游戏 。 

应 该 留意 玩家 的 现金 量 。 如 果 掉 到 0 以 下 ， 游 戏 就 应 该 结束 了 ， 可 以 跳 到 和 按 下 Cash Out 
按钮 之 后 一 样 的 屏幕 。 

另 一 个 选择 就 是 允许 玩家 更 改 赌注 。 将 每 局 下 注 最 多 1 美元 更 改 为 最 多 5 美元 。 下 一 个 游戏 
里 ， 我 们 的 讨论 就 会 涉及 这 方面 的 功能 。 





13.3 21 点 


比 电 子 扑克 还 要 流行 的 就 是 著名 的 21 点 (Blackjack) 了 。 它 和 电子 扑克 有 很 多 相似 之 处 ， 
比如 开始 时 牌 会 摆 到 屏幕 供 玩家 选择 来 完成 游戏 。 这 个 例子 里 , 玩家 决定 出 击 还 是 保留 , 而 且 他 
们 还 可 以 决定 加 倍 下 注 。 

我 们 将 使 用 和 前 一 个 游戏 相同 的 牌 堆 、 洗 牌 流程 和 计时 事件 函数 , 但 是 会 在 发 牌 之 前 加 进修 
改 赌注 大 小 的 功能 。 


源 文件 
http://flashgameu.com 


A3GPU213_Blackjack.zip 


13.3.1 游戏 元 素 





21 点 的 建立 和 电子 扑克 一 样 ， 不 过 有 更 多 按钮 。 初 始 画 面 和 之 前 一 样 有 一 个 Deal 按钮 ， 此 
外 ， 还 有 一 个 Add to Bet (增加 赌注 ) 按钮 。Draw 按钮 被 一 个 Hit (出 击 ) 和 一 个 Stay (保留 ) 
按钮 代替 了 , 也 有 为 玩家 的 总 金额 和 本 次 下 注 准 备 的 文本 字段 ,另外 还 有 两 个 文本 字段 显示 玩家 
和 庄家 的 手 牌 总 张 数 。 
图 13-6 显示 了 这 些 按 钮 。 请 注意 它们 有 重合 的 情况 .Continue 按钮 不 会 和 其 他 按钮 同时 出 现 ， 
所 以 不 要 紧 。 同 样 地 ， 你 可 以 让 Add to Bet 和 Deal Cards 这 一 对 按钮 居中 ，Hit 和 Stay 按钮 作为 
另 一 对 按钮 居中 ， 因 为 它们 都 不 会 同时 出 现在 屏幕 上 。 
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图 13-6 ”21 点 游戏 的 主屏 幕 包 括 了 几 个 文本 字段 和 很 多 按钮 


13.3.2 设置 类 


这 个 游戏 使 用 了 和 电子 扑克 一 样 的 导入 类 以 及 相似 的 一 套 游戏 对 象 ,不 过 除了 要 展示 玩家 的 
手 牌 之 外 ,我 们 还 需要 展示 庄家 的 手 牌 。 而 且 ， 我 们 需要 特别 地 记录 某 一 张 特殊 牌 (庄家 的 第 一 
张 牌 ， 开 始 是 正面 朝 下 ， 随 着 游戏 的 进程 会 在 稍 后 翻转 过 来 ) : 


public class Blackjack extends MovieClip { 
/ /游戏 对 象 
private var cash:int; // 记 录 金 钱 
private var bet:int; // 本 次 赌注 
private var deck:Array; // 以 全 部 牌 值 开 局 
private var playerHand:Array; // 玩 家 的 牌 值 
private var dealerHand:Array; // 庄 家 的 牌 值 
private var dealerCard:Cards; // 对 翻 开 的 牌 的 引用 
private var cards:Array; // 准 备 洗 的 所 有 上牌 





// 未 来 事件 的 计时 器 
private var timedEvents:Timer; 
private var timedEventsList:Array; 


启动 游戏 的 函数 看 起 来 和 电子 扑克 中 的 一 模 一 样 。 仅 有 的 一 处 不 同 是 需要 隐藏 更 多 的 按钮 。 
这 个 函数 在 影片 到 达 第 2 帧 时 由 时 间 轴 代码 调用 : 


public function startBlackjack() { 





/ /初始 化 现金 
cash = 100; 
showCash () ; 
cards = new Array(); 


// 开 始 游戏 
createDeck(); 
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/ /建立 计时 事件 列表 


timedEventsList = new Array(); 


// 移 除 所 有 按钮 
removeChild(addBetButton); 
removeChild(dealButton); 
removeChild(hitButton); 
removeChild(stayButton); 
removeChild(continueButton); 


/ /开始 第 一 手 牌 
startHand(); 
} 


实际 上 21 点 里 的 createDeck 函数 稍 有 不 同 。 我 们 不 是 用 一 副 52 张 的 牌 , 而 是 用 一 个 包含 
了 6 个 牌 堆 的 数组 。 我 们 通过 这 样 循环 6 次 来 创建 6 个 排 好 顺序 的 牌 堆 ， 然 后 我 们 全 部 重 洗 。 在 
赌场 的 21 点 中 ,使 用 6 副 或 更 多 副 牌 是 很 正常 的 : 


private function createDeck() { 
/ /在 一 个 数组 里 创建 6 副 排 好 顺序 的 牌 堆 
/ /使 用 字符 串 来 代表 牌 值 
Var SUlterArray se [Te "or, Me hl 
Var temp = new Array(); 
for (var i:int=0;i<6;i++) { 
for(var suit:int=0;suit<4;suit++) { 
for(var num:int=1;num<14;num++) { 
temp.push(suits[suit]+num); 


} 


// 随 机 选 牌 直至 牌 堆 被 完全 洗 过 

deck = new Array (); 

while (temp.length > 0) { 
Var r:int = Math.floor(Math.random()*temp.length); 
deck.push (templ[r]); 
temp.splicel(r,1); 


13.3.3 ”开始 游戏 


startHand 函数 建立 了 数组 并 清空 了 显示 手 牌 值 的 两 个 文本 字段 。 它 设置 开局 赌注 为 5 美 
元 。 接 着 把 Add to Bet 和 Deal 按钮 放 到 屏幕 上 : 


private function startHand() { 





/ /清空 玩家 和 庄家 的 手 牌 
playerHand = new Array 
dealerHand = new Array 


(3 
( . 
playerValueDisplay .text 


) 


到 
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dealerValueDisplay.text = ""; 


/ /每 一 手 牌 都 从 最 小 赌注 和 隐藏 发 牌 开始 
bet = 5; 
showBet (); 


/ /显示 按钮 

addCchild(addBetButton); 

addCchild(dealButton); 

resultDisplay.text = "Add to your bet if you wish then press Deal Cards."; 
} 


当 玩 家 单 击 Add to Bet 按钮 时 ， 它 会 调用 addToBet 函数 ， 将 当前 赌注 增加 5 美元， 上限 是 
25 美元 : 


private function addToBet (e:MouseEvent) { 
bet += 5; 
if (bet > 25) bet = 25; // 赌 注 限 制 
ShowBet () ; 

} 


然后 玩家 单 击 Deal 按钮 来 开始 游戏 。 这 两 个 按钮 的 事件 侦 听 器 和 其 他 按钮 一 样 ， 都 是 分 配 
在 时 间 轴 代码 里 的 。 


13.3.4 计时 事件 


国 数 startTimedEvents、stopTimedEvents 以 及 addTimedEvent 是 和 电子 扑克 是 一 样 
的 。 一 个 小 小 的 不 同 就 是 时 间 延 迟 从 250 毫秒 提高 到 1000 毫秒 。 

不 过 playTimedEvents 函数 必须 改变 ， 因 为 21 点 中 有 一 套 完 全 不 同 的 事件 。 这 些 事件 是 
发 牌 到 庄家 、 发 牌 到 玩家 、 结 束 发 牌 、 展 示 庄 家 牌 和 庄家 继续 。 我 们 把 这 些 都 放 到 要 调用 的 函数 


里 ; dealCard、waitForHitOrStay、showDealerCard 和 dealerMove: 


























private function playTimedEvents(e:TimerEvent) { 
Var thisEvent = timedEventsList.shift(); 





if (thisEvent == "deal card to dealer") { 
dealCard("dealer™"); 

} else if (thisEvent == "deal card to player") { 
dealCard("player"); 
showPlayerHandValue(); 

} else if (thisEvent == "end deal") { 
if (!checkForBlackjack()) { 

waitForHitOrStay (); 
} 

} else if (thisEvent == "show dealer card") { 
showDealerCard(); 

} else if (thisEvent == "dealer move") { 
dealerMove(); 


} 
当 玩 家 单 击 Deal 按钮 时 ，dealCcards 函数 让 事件 列表 充满 需要 发 生 的 事件 : 
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private function dealCards(e:MouseEvent) { 
// 从 玩家 处 取 走 赌注 


cash -= bet; 
ShowCash (); 


/ /添加 事件 以 发 第 一 手 牌 


addTimedEvent ("deal card to dealer"); 
addTimedEvent ("deal card to player"); 
addTimedEvent ("deal card to dealer"); 
addTimedEvent ("deal card to player"); 
addTimedEvent ("end deal"); 
startTimedEvents (); 

/ /更 换 按 知 


removeChildl(addBetButton); 
removeChild(dealButton); 
} 


这 时 Add to Bet 按钮 和 Deal 按钮 从 屏幕 上 移 除 了 ， 在 发 牌 结束 前 用 户 不 需要 做 任何 事情 ， 
所 以 按钮 都 不 可 见 。 


13.3.5 ”发 牌 


我 们 本 可 以 用 两 个 国 数 来 发 牌 : 一 个 是 发 到 玩家 手中 ， 而 另 一 个 发 到 庄家 手中 。 但 这 里 ,我 
们 把 它们 做 成 一 个 函数 ， 接 受 一 个 指定 把 牌 发 到 哪里 的 参数 。if 语句 用 来 识别 参数 并 执行 相应 
的 代码 。 

代码 包括 添加 新 牌 到 合适 的 数组 和 调用 showcara 把 牌 放 到 屏幕 上 。 调 用 showcara 时 ， 
参数 "player" 或 "dealer" 让 它 知 道 把 牌 放 到 哪 边 : 


private function dealCard(toWho) { 





// 从 牌 堆 里 获得 下 一 张 牌 
Var newCardVal:String = deck.pop(); 


if (toWho == "player") { 
/ /如果 是 发 到 玩家 那里 ， 亮 出 来 并 更 新 牌 值 
playerHand.push (newCardVal); 
showCard (newCardVal, "player");} 


} else { 
/ /如果 发 到 庄家 那里 ， 先 展示 它 ， 但 是 稍 后 才 更 新 手 牌 值 
dealerHand.push (newCardVal); 
showCard (newCardVal, "dealer"); 





showCard 国 数 看 起 来 较 复 杂 ， 甚 实 不 然 。 它 仅仅 是 创建 了 一 张 新 牌 的 影片 剪辑 并 根据 它 是 
玩家 有 牌 还 是 庄家 牌 来 确定 这 张 牌 的 位 置 。 如 果 不 是 庄家 的 第 一 张 牌 的 话 ， 它 的 影片 剪辑 会 跳 到 这 
张 牌 所 在 的 帧 。 而 如 果 是 庄家 第 一 张 牌 的 话 ， 影 片 剪 辑 会 跳 到 "back" 帧 隐藏 牌 值 : 
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private function showCard(cardVal, whichHangd) { 


/ /获得 新 牌 
Var newCard:Cards = new Cards(); 
newCard.gotoAndSstop (cardVal); 


/ /设置 新 牌 的 位 置 

if (whichHand == "dealer") { 
newCard.y = 100; 
if (dealerHand,1length == 1) 1 


/ /展示 庄家 第 一 张 牌 的 背面 
newCard.gotoAndStop ("back"); 
dealerCard = newCard; 


} 


var whichCard:int = dealerHand.1length; 


} else if (whichHand == "player") { 
newCard.y = 200; 
whichCard = playerHand.1length; 
} 


newCard.x = 70*whichCard; 


/ /加 有 牌 
addChilgd (newCard); 
cards.push (newCardQ) ; 


13.3.6 ”要 牌 或 停牌 


一 旦 “结束 发 牌 ”事件 来 临 ， 就 调用 waitForHitorstay 使 游戏 停 下 来 。 这 个 函数 把 两 个 
按钮 放 在 屏幕 上 并 停止 事件 处 理 
private function waitForHiLOrStay() { 
addCnhnild (hitButton); 


addCchild(stayButton); 
timedEvents.stop(); 





} 

在 时 间 轴 代码 里 已 经 为 这 两 个 按钮 分 配 了 事件 侦 听 器 。 侦 听 器 最 后 会 在 玩家 单 击 了 这 些 按钮 
后 调用 后 面 的 两 个 函数 。 

第 一 个 是 要 牌 (hit)。 它 调用 dealcard 使 玩家 得 到 一 张 额外 的 牌 。 接 着 它 调用 
showPlayerHandValue 把 手 牌 的 值 显示 在 文本 字段 上 : 


private function hit(e:MouseEvent=null) { 
dealCard("player"); 
showPlayerHandValue (); 


/ /如果 玩 家 获得 21 点 或 更 多 ， 转 而 检查 庄家 
if (handValue (playerHand) >= 21) stay(); 
} 


最 后 ，hit 用 函数 handValue 检查 玩家 是 突破 还 是 刚好 达到 了 21。 两 种 情况 下 , 玩家 都 不 
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允许 要 更 多 的 牌 了 。 所 以 函数 stay 会 


数 一 样 ， 就 好 像 ActionScript 


说 明 
留意 到 阴 数 hi 


数 指定 了 默认 值 (如 nul1) ， 


代码 帮 玩 家 自动 按 下 Stay 按钮 。 

















自动 调用 一 一 和 玩家 按 下 的 Stay (停牌 ) 按钮 时 调用 的 函 


null 了 吗 ? 如 果 为 一 个 参 





t 和 stay 里 参数 位 置 的 e:MouseEvent= 


























对 stay 的 调 














持 一 致 ， 我 们 也 把 它 放 进 hit 里 。 


private function stay 


(e:MouseEvent=null) { 


removeChild(hitButton); 
removeChild(stayButton); 


addTimedEvent 
addTimedEvent 


("show dealer card"); 
("dealer move"); 


startTimedEvents(); 


上 








除了 通过 去 除 Hit 和 Stay 按钮 让 游戏 向 前 发 展 外 ，stay 国 








事件 并 重新 开始 了 计时 事件 。 








那么 这 个 参数 就 成 了 可 选 的 了 。 没 有 那 一 名 的 话 ，Pit 
会 出 现 错误 ， 因 为 stay 需要 一 个 参数 。 既 然 在 stay 里 需要 ， 为 了 保 











数 往事 件 列表 里 添加 了 两 个 新 的 


这 时 ， 游 戏 如 图 13-7 所 示 ， 玩 家 已 经 要 了 几 次 牌 而 庄家 只 有 两 张 牌 且 第 一 张 牌 是 未 开 的 。 





Blackjack.swf 


Blackjack 





$e 
1 多 | 2+ 444 
TFS9) $+ 


Add to your bet if you wish then press Deal Cards. 


图 13-7 玩家 


13.3.7 ”庄家 行为 


庄家 做 的 第 一 件 事 是 由 "show dealer card" 触 发 并 由 showDealercard 国 数 执行 的 一 次 





已 经 拿 够 了 ， 轮 到 庄家 翻 开 他 的 第 一 张 牌 寺 


F 要 更 多 的 牌 





性 动作 。 简 单 来 说 ， 就 是 翻 开 此 前 一 直 没 公布 的 第 一 张 庄家 有 牌 。 
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还 记得 我 们 将 对 第 一 张 庄 家 牌 的 引用 存储 在 dealercard 里 了 吗 ? 我 们 现在 用 它 来 为 那 张 
牌 设置 相应 的 帧 


private function showDealerCard() { 
dealerCard.gotoAndStop (dealerHand{[0]); 
showDealerHandValue (); 


在 这 次 初始 动作 之 后 ， 下 一 个 事件 是 “庄家 行为 ”。 此 时 由 庄家 决定 是 要 牌 还 是 不 要 。 这 个 
游戏 遵循 的 逻辑 来 自 大 多 数 赌 场 里 运营 的 “大 部 分 21 点 游戏 ”。 如 果 庄 家 拿 到 16 点 或 更 少 的 话 ， 
他 会 再 拿 一 张 牌 ， 而 总 值 会 更 新 。 接 着 另 一 个 “庄家 行为 ”事件 也 在 酝酿 中 : 


private function dealerMove() { 
if (handValue (dealerHand) < 17) { 
// 庄 家 还 没 到 17 点， 还 要 继续 抽 牌 
dealCard ("dealer"); 
showDealerHandValue (); 
addTimedEvent ("dealer move"); 


否则 ， 如 果 庄 家 拿 到 17 点 或 更 多 ， 游 戏 就 结束 了 ， 而 剩 下 的 唯一 的 事情 是 调用 decide- 
Winner 国 数 看 谁 赢 了 ， 
} else { 
// 庄 家 拿 够 了 
decideWinner (); 
stopTimedEvents (); 


ShowCash () ; 
addChild(continueButton); 














} 
} 


在 庄家 够 数 的 时 候 ，Continue 按钮 也 及 时 现 身 好 让 玩家 可 以 进行 下 一 手 牌 。 


13.3.8 计算 21 点 的 手 牌 


在 我 们 更 深入 之 前 ， 来 看 看 关键 国 数 nandValue。 这 个 函数 对 hang 数组 进行 处 理 之 后 算 
出 它 的 值 。 这 个 比 电子 扑克 要 容易 很 多 。 

一 般 来 说， 我 们 遍历 手 牌 并 把 每 张 牌 的 值 加 起 来 求 个 总 和 。 唯 一 的 不 同 就 是 当 A 出 现 的 时 
候 ， 它 可 以 是 1 也 可 以 当成 11。 只 有 在 使 总 和 不 大 于 21 的 情况 下 它 才 会 相当 于 11。 否 则 ， 它 就 
是 1。 

于 是 ， 我 们 遍历 这 手 牌 并 对 所 有 值 求 和 ， 先 把 每 一 个 A 当成 1。 最后， 如果 有 一 个 A 的 话 ， 
我 们 就 在 总 和 少 于 或 等 于 11 的 情况 下 再 加 10。 


private function handValue(hand) { 
Var total:int = 07 
Var ace:Boolean = false; 





for(var i:int=0;i<hand.length;i++) { 


// 牌 值 求 和 


var val:int = parseInt (hand[i].substr(1,2)); 
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//J Q 和 开 都 算 10 
if (val > 10) val = 10; 
total += val; 


// 记 得 有 人 A 这 回 事 
if ‘(val ea 1) dee Ss 七 EGG 


} 


/ /如果 不 会 突破 上 限 的 话 , 人 A 可 以 为 11 
if ((ace) && (total <= 11)) total += 10; 


return total; 


} 
另外 ， 还 有 特殊 情况 的 手 牌 。 到 21 点 时 刚好 只 有 两 张 牌 ， 这 就 是 要 特殊 计 分 的 “ 黑 杰 克 ”， 
玩家 可 以 获得 初始 赌注 的 2.5 倍 而 不 是 通常 的 2 倍 : 


private function checkForBlackjack():Boolean { 


/ /如果 玩家 有 黑 杰 克 
if ((playerHand.length == 2) && (handValue(playerHand) == 21)) { 
// 奖 励 150% 
cash += bet*2.5; 
resultDisplay.text = "Blackjack!"; 
stopTimedEvents (); 
ShowCash (); 
addChild(continueButton); 
return true; 
} else { 
return false; 


下 面 来 看 看 decideWinner 函数 。 它 在 最 后 根据 游戏 里 的 各 种 情况 付 给 玩家 从 结果 里 赢得 
该 函数 从 取得 各 手 牌 的 值 开始 : 


private function decideWinner() { 
Var playerValue:int = handValue (playerHand); 
var dealerValue:int = handValue (dealerHangd); 


第 一 种 情况 是 玩家 爆 掉 了 (bust， 也 就 是 超过 21 点 )。 这 样 的 话 ， 玩 家 就 输 了 : 


if (playerValue > 21) { 
resultDisplay.text = "You Busted!"; 


下 面 一 种 情况 就 是 当 庄家 爆 掉 了 。 如 果 玩 家 没 爆 掉 而 庄家 爆 掉 了 ， 那么 玩家 就 赢得 初始 押 注 
的 两 倍 : 





} else if (dealerValue > 21) { 
cash += bet*2; 
resultDisplay.text = "Dealer Busts. You Win!"; 


如 果 玩 家 或 庄家 都 没有 爆 掉 ， 而 且 庄 家 的 值 大 于 玩家 ， 玩 家 输 : 
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} else if (dealerValue > playerValue) { 


resultDisplay.text = "You Lose!"; 
如 果 庄 家 和 玩家 有 相同 的 值 ， 游 戏 打 平 ， 玩 家 拿 回 赌注 : 
} else if (dealerValue == playerVvalue) { 
cash += bet; 
resultDisplay.text = "Tie!"; 


最 后 还 有 一 种 结果 就 是 庄家 的 值 低 于 玩家 。 这 种 情况 下 玩家 赢 并 取 回 赌注 外 加 1 倍 赌注 的 奖金 : 


} else if (dealerValue < playerValue) { 
cash += bet*2,，; 
resultDisplay.text = "You Win!"; 


13.3.9 游戏 的 其 他 函数 


当 玩家 单 击 Continue (继续 ) 按钮 时 ， 整 个 过 程 重新 开始 。21 点 里 比较 有 趣 的 一 件 事 就 是 牌 
堆 不 必 每 手 都 洗 一 次 。 相 反 ， 用 过 的 牌 会 放 一 边 ， 原 来 那 堆 牌 继续 用 。 直 到 上 牌 堆 (也 叫 shoe) 接 
近 没 有 上 牌 的 时 候 。 我 们 会 在 shoe 达到 26 张 牌 或 更 少时 创建 一 个 新 的 数组 。 否 则 ， 我 们 还 是 从 原 
来 的 数组 里 抽 新 牌 : 


function newDeal (e:MouseEvent) { 
removeChild(continueButton); 
resetCards (); 











/ /如 果 牌 堆 少 于 26 张 牌 ， 重 洗 
if (deck.lengthn < 26) { 
createDeck (); 
} else { 
startHand(); 
} 
} 


下 面 4 个 函数 用 来 向 屏幕 上 的 文本 字段 里 放置 信息 : 


private function showPlayerHandValue() { 
playerValueDisplay.text = handValue (playerHand); 


} 


private function showDealerHandValue() { 
dealerValueDisplay.text = handValue (dealerHand); 


} 


private function showCash() { 
cashDisplay.text = "Cash: S$"+cash; 


} 


private function showBet() { 
betDisplay.text = "Bet: S$"+bet; 
} 


13.3 21 点 413 





最 后 有 个 使 用 cards 数组 的 resetcards 国 数 清 除 屏幕 上 的 所 有 牌 以 便 开 始 新 的 一 局 : 


function resetCards() { 
while(cards.length > 0) { 
removeChild(cards.pop()); 
} 
} 


13.3.10 ”修改 游戏 


如 果 玩 过 21 点 ， 你 可 能 会 发 现 这 个 游戏 有 两 个 功能 漏 了 : 双 倍 下 注 和 分 牌 。 双 倍 下 注 很 容 
易 添加 ， 因 为 就 像 是 继续 要 第 3 张 牌 一 样 ， 只 不 过 是 加 倍 你 的 初始 赌注 ， 并 且 在 双 倍 下 注 之 后 不 
会 再 要 一 张 牌 。 

不 过 分 牌 就 比较 复杂 了 。 就 是 允许 你 分 掉 手 里 一 样 的 两 张 牌 ， 比 如 两 张 10， 到 独立 的 两 手 
牌 里 。 所 以 在 这 儿 你 会 发 现 一 个 问题 : 你 把 两 手 牌 摆 哪 里 ? 而且， 你 如 何在 游戏 交互 流程 中 展示 
这 两 手 牌 ? 你 可 能 需要 一 个 手 牌 数 组 ， 而 不 是 单个 手 牌 。 

可 是 ， 如 果 分 牌 导致 另 一 手 也 可 分 呢 ? 那么 你 就 将 有 三 手 甚至 更 多 手 牌 。 在 屏幕 上 和 在 代码 
里 处 理 这 个 情况 很 困难 ， 也 超出 了 本 书 的 范围 。 不 过 ， 如 果 你 每 一 课 都 在 认真 跟 进 的 话 ， 而 且 自 
信和 可 以 应 对 大 的 挑战 ， 那 么 你 可 以 尝试 添加 这 两 个 功能 。 
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3D 游戏 : 打靶 训练 、 竞 速 游戏 和 地 牢 冒 险 


本 章 内 容 


口 Flash 3D 基础 
口 打靶 训练 

口 3D 竞 速 游戏 
口 3D 地 牢 冒 险 





三 维 (3D) 画面 已 经 成 为 各 个 平台 游戏 开发 者 的 神圣 目标 。 先 是 电脑 游戏 开始 出 现 3D， 接 
着 是 游戏 主机 ， 而 现在 则 轮 到 网 页 游戏 了 。 

Flash CS5 确实 有 能 力 让 你 的 游戏 进入 第 三 维度 ， 不 过 效果 十 份 有 限 。 即 便 如 此 ， 你 还 是 可 
以 改进 你 的 游戏 让 它们 带 点 3D 的 感觉 的 。 

电脑 和 主机 游戏 靠 硬件 和 软件 驱动 的 结合 来 营造 3D 环境 。 而 在 Flash 中 你 能 使 用 的 功能 完 
全 无 法 与 之 相 比 。 比 如 ， 你 无 法 使 用 模型 。 你 不 能 使 用 相机 、 光 照 、 高 级 贴图 、 阴 影 ， 以 及 任何 
真实 3D 图 形 引擎 所 提供 的 重要 功能 。 

你 能 做 的 就 是 把 你 的 2D 显示 对 象 放 到 一 个 3D 舞台 上 。 你 可 以 通过 设置 一 个 影片 剪辑 的 深 
度 值 来 让 它 离 屏 幕 更 远 些 一 一 就 像 改 变 它 的 横 坐 标 和 纵 坐 标 位 置 一 样 。 你 可 以 让 物体 围绕 三 个 轴 
旋转 ， 让 它们 向 后 或 向 前 ， 或 侧 翻 。 

上 听 上 去 好 像 不 怎么 样 ， 不 过 这 确实 可 以 为 游戏 带 来 很 多 其 他 特性 。 我 们 先 从 一 些 基 础 开始 ， 
接着 再 为 竞 速 和 冒险 游戏 打造 基本 引擎。 
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14.1 Flash 3D 基础 


源 文件 
http://flashgameu.com 
A3GPU214_Demos.zip 


我 们 看 看 进行 3D 作业 所 需要 知道 的 基本 ActionScript 3.0 属性 。 


14.1.1 设置 3D 位 置 





在 本 章 之 前 ,我 们 是 使 用 x 和 y 值 在 屏幕 上 定位 一 个 显示 对 象 的 。 要 开始 使 用 3D 的 话 , 我 
们 要 增加 z。 
例如 ， 这 儿 有 上 段 代码 创建 了 库 里 某 Sprite 的 一 个 实例 ， 并 把 它 放 到 (100, 200) 位 置 上 : 


var squarel:Square = new Square(); 
squarel .x = 100; 

squarel.y = 200; 
addChild(squarel); 


好 ， 假 如 我 们 同时 也 设置 了 这 个 Sprite 的 z 属性 呢 ? 

squarel.z = 100; 

这 人 句 使 方块 向 屏幕 里 面 “后 退 了 ”100 像素 。 结 果 就 是 它 变 小 了 ， 因 为 它 离 观察 者 远 了 。 

图 14-1 展示 了 z 值 在 0、100、 200 的 3 个 不 同方 块 。 方块 不 单 是 变 小 了 ， 从 透视 的 角度 来 
看 好 像 还 越 来 越 朝向 屏幕 中 心 位 置 了 。 


OO demol.swf 























图 14-1 ”这些 方块 的 z 属性 值 分 别 为 0、100 和 200 
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因此 ， 你 可 以 通过 设置 z 值 把 物体 推 到 屏幕 后 面 。 把 x 当成 物体 的 横 坐 标 ，y 当成 纵 坐 标 ， 
而 z 就 当成 物体 的 深度 。 


14.1.2 ”旋转 物体 


你 也 可 以 让 物体 绕 3 个 轴 来 旋转 。 之 前 我 们 只 是 使 用 了 rotation 属性 来 做 旋转 。 那 是 让 它 
在 2D 空间 围绕 中 心 旋转 。 这 相当 于 围绕 z 轴 旋 转 。 想 象 一 张 中 心 被 钉子 钉 在 墙 上 的 纸 。 你 可 以 
让 这 张 纸 围绕 这 颗 钉 进行 旋转 。 这 颗 钉 子 就 是 z 轴 ， 纸 就 是 绕 着 这 条 z 轴 旋 转 。 

在 3D 环境 里 , 我 们 也 能 围绕 x 轴 和 yy 轴 旋 转 。 例如， 下 面 的 代码 将 创建 一 个 对 象 并 让 它 转 
绕 x 轴 旋 转 -30”。 它 看 起 来 像 是 “ 掉 ” 进 屏幕 里 : 

Var square2:Square = new Square(); 

square2,.X = 275} 

square2.y = 200; 


square2.rotationxX = -30; 
addCchild(square2); 


图 14-2 展示 了 3 个 方块 。 第 一 个 没有 设置 rotationx 值 。 第 二 个 的 rotationx 值 为 -30， 
而 第 三 个 的 rotationx 值 为 -60。 

















demo2.swf 











图 14-2 x 轴 旋 转 值 分 别 为 0、-30、-60 的 3 个 方块 


那么 如 果 把 对 象 旋转 90” 呢 ? 它 将 平 丹 。 因 为 这 些 对 象 都 刚好 在 屏幕 的 中 心 ，y 坐标 在 200 
(总 长 为 400) ， 平 的 物体 就 不 可 见 了 一 一 这 跟从 一 张 纸 的 边缘 观察 是 一 样 的 。 

但 是 ， 如果 你 把 这 个 扁平 物体 向 下 移动 ,到 了 视线 下 方 的 话 ， 你 就 又 可 以 看 见 它 了 。 图 14-3 
展示 了 这 样 的 3 个 方块 ， 它 们 在 x 轴 上 都 设置 了 -90” 的 旋转 。 不 过 每 一 个 都 比 前 一 个 离 200 像 
素 处 的 视线 低 一 点 。 
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BoOe demo3.swf 





图 14-3 ”这 3 个 方块 的 y 坐标 分 别 为 240、270 和 300， 低 于 屏幕 的 中 线 


把 Sprite 沿 着 x 轴 旋 转 90” 并 将 其 摆 到 低 于 视线 的 位 置 ,对 于 在 3D 游戏 中 创建 “地 面 ” 物 
体 来 说 是 个 不 错 的 办 法 。 在 那 种 情况 下 ， 这 个 Sprite 要 非常 之 大 以 占据 大 部 分 的 区 域 ， 使 得 玩家 
看 不 到 “世界 边缘 ”。 

那么 , 如 果 我 们 让 对 象 围绕 y 轴 旋 转 又 会 怎样 呢 ? 它们 看 上 去 像 转向 左 或 转向 右 。 而 你 可 以 
结合 3 个 维度 的 旋转 来 制造 更 加 复杂 的 物体 变形 。 

要 完全 理解 3D 对 象 旋转 可 能 有 点 难 。 在 示例 文件 demo4.fla 里 ， 我 放 了 3 个 方块 ， 每 一 个 各 自 
围绕 着 一 个 轴 进 行 1 度 / 帧 的 旋转 。 在 Flash 里 测试 这 个 影片 对 于 观察 和 理解 3D 旋 转 是 个 不 错 的 方式 。 
图 14-4 展示 了 该 影片 运行 一 段 时 间 后 的 样子 。 你 可 以 看 到 ， 第 一 个 围绕 它 的 x 轴 轻 微 地 进 
行 旋转 ， 第 二 个 围绕 y 轴 ， 而 第 三 个 则 绕 着 z 轴 旋 转 。 














BeOe demo4.swf 
rotationX rotationY rotationZ 

















图 14-4 ”该 示例 影片 里 的 每 个 方块 都 围绕 某 个 轴 持 续 旋转 
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这 些 就 是 在 ActionScript 3.0 里 3D 的 基本 用 法 ， 已 经 包括 了 我 们 创建 一 个 简单 游戏 的 全 部 
所 需 。 


14.2 ”打靶 训练 


源 文件 
http://flashgameu.com 


A3GPU214_TargetPractice.zip 
前 面 我 们 已 经 熟悉 了 在 空袭 和 爆 气 球 等 游戏 里 的 射击 概念 ,下面 我 们 来 通过 简单 的 打靶 训练 
游戏 让 它 在 3D 空间 里 再 度 呈 现 。 


14.2.1 ”游戏 元 素 
目标 是 创建 一 个 3D 游戏 环境 并 完成 一 种 简单 的 游戏 行为 。 


从 图 14-5 看 看 游戏 完成 后 的 模样 。 这 个 游戏 提供 了 一 个 背景 、 一 个 标 靶 、 一 个 加 农 炮弹 (在 
空中 飞 着 ) 和 一 台 用 一 组 圈 圈 组 成 的 加 农 炮 。 如 果 靠 近 些 看 ， 你 还 可 以 发 现 加 农 炮弹 的 阴影 。 








图 14-5 加农 炮弹 正在 飞 向 标 丢 的 途中 


你 可 能 会 惊讶 于 背景 并 非 3D。 它 只 是 个 2D 图 形 ， 和 在 空袭 游戏 里 用 到 的 那 张 相似 。 对 于 整 
个 游戏 来 说 它 是 个 背景 ， 不 会 和 玩家 有 任何 形式 的 互动 。 

标 靶 放置 在 地 面 上 ， 在 这 个 游戏 里 我 们 设 其 y 为 350。 然 后 它 的 横 坐 标 通 过 设置 x 来 确定 ， 
而 设置 z 把 它 放 进 场景 里 。 
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说 明 


为 什么 地 面 是 350 而 前 景 位 于 -100 呢 ? 这 只 是 因为 它们 好 像 比较 符合 我 们 的 要 求 ， 并 没 
什么 神奇 的 地 方 。 对 于 某 些 游戏 来 说 是 地 面 为 400 或 者 更 多 ， 而 你 可 能 不 需要 放任 何 东 
西 上 去 。 我 是 经 过 一 些 简单 的 试验 ， 观 察 怎样 才 好 看 之 后 得 出 这 些 数 字 的 。 
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加 农 炮弹 从 z 值 -100 开始 ， 然 后 随 着 z 值 的 增加 来 飞 进 场景 里 。 它 飞 高 的 同时 伴随 y 值 的 
减少 ， 在 受到 实际 重力 的 作用 之 后 y 值 才 开始 增加 。 它 会 在 y 值 为 350 即 撞 到 地 面 时 停止 。 

那么 那些 圈 圈 呢 ?加 农 炮 由 一 组 10 个 圆圈 组 成 。 因 为 在 Flash 里 不 能 用 3D 模型 ,我 们 只 好 
即兴 弄 一 个 。 要 展示 3D 加 农 炮 也 许 不 可 能 一 一 至 少 非常 困难 。 因 此 我 们 用 这 些 圈 圈 代 替 了 加 农 
炮 。 每 一 个 都 以 2D Sprite 的 形式 存在 于 3D 空间 ， 都 和 加 农 炮弹 打出 的 方向 保持 一 致 。 

这 个 游戏 运作 方式 是 这 样 的 : 标 丢 随机 放置 。 玩 家 可 以 用 方向 键 左右 移动 加 农 炮 ， 也 可 以 通 
过 向 上 向 下 方向 键 调整 加 农 炮 的 角度 。 用 空格 键 打出 的 加 农 炮弹 以 加 农 炮 的 角度 和 位 置 作 为 自己 
的 角度 和 初始 位 置 。 当 加 农 炮弹 着 陆 时 ， 如 果 它 离 标 靶 足够 近 ， 标 靶 就 被 重新 定位 。 



































14.2.2 ”设置 类 





信和 不 信 由 你 ，3D 并 没有 什么 类 需要 特别 导入 的 。 它 是 内 建 在 flash.display 类 库 里 的 : 


package { 
import flash.display.*; 
import flash.events.*; 


我 们 需要 记录 炮弹 、 它 的 阴影 ( 稍 后 详 述 )、 地 上 的 标 朋 还 有 加 农 炮 的 圈 圈 : 
public class TargetPractice extends MovieClip { 
// 影 片 剪 辑 
private var ball:Ball; 
private var ballShadow:BallShadow; 


private Var target:Target; 
private var cannonRings:Array; 


我 们 把 加 农 炮 的 位 置 和 角度 存储 进 下 面 这 两 个 属性 里 。 请 注意 位 置 和 加 农 炮 的 x 属性 是 一 
样 的 。y 属性 是 固定 的 (在 地 上 )， 而 z 属性 也 根据 游戏 的 需要 进行 了 固定 一 一 你 不 能 把 炮 移 近 


移 远 : 











/ /加农 炮 的 位 置 和 角度 
private var cannonPosition:Number; 
private var cannonAngle:Number; 


加 农 炮 打出 炮弹 后 ,炮弹 会 获得 一 个 向 上 和 向 前 的 推力 ， 具体 值 取 决 于 炮 的 角度 。 我 们 把 这 4 
些 值 存在 dy 和 dz 里 ; 


/ /炮弹 矢量 
private var dy,dz:Number; 
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14.2.3 ”开始 游戏 

为 了 使 示例 尽量 短 ， 这 里 并 没有 设置 游戏 开始 或 结束 的 帧 ， 影 片 一 打开 游戏 就 直接 开始 了 。 
我 在 这 一 章 的 例子 里 把 焦点 都 放 在 让 你 学 到 ActionScript 3.0 的 3D 方面 的 实 操 方面 。 

构造 函数 创建 标 又 、 炮 弹 和 阴影 。 它 接着 旋转 阴影 为 -90” 并 把 它 放 到 纵 坐 标 350 的 位 置 ， 
让 它 平 躺 着 一 一 就 如 在 地 面 的 一 切 阴 影 那样 


public function TargetPractice() { 





/ /设置 所 有 影片 剪辑 

target = new Target (); 

ball = new Ball(); 

ballShadow = new BallShadow(); 
ballShadow.rotationXx = -90; // 旋 转 阴 影 平 躺 在 地 面 
ballShadow.y = 350; // 把 阴影 放 到 地 上 
addqchild(pal1Shadow) ; 

aqdqCchildq(target) ; 

addChild(ball); 


加 农 炮 的 圈 圈 存储 在 由 库 的 Sprite 组 成 的 数组 里 ， 它 们 被 放 在 屏幕 上 : 
/ /创建 10 个 园 圈 表示 加 农 炮 的 方向 


cannonRings = new Array(); 

for(var i=0;i<10;i++) { 
var cannonRing:CannonRing = new CannonRing(); 
cannonRings .push (cannonRing); 
addChild(cannonRing); 








} 
在 把 圈 圈 定位 到 屏幕 上 之 前 , 我 们 需要 设置 好 加 农 炮 的 角度 和 位 置 。 因 为 要 经 常 重新 定位 大 
炮 ， 所 以 我 们 把 代码 都 放 在 函数 arawcannon 里 : 
// 设 置 加 农 炮 的 初始 位 置 和 角度 
cannonAngle = -30; 


cannonPosition = 275; 
drawCannon(); 


另 一 个 我 们 会 反复 使 用 的 函数 就 是 setUpTarget 了 。 它 让 标 丢 放 到 随机 的 位 置 上 ， 











// 设 置 第 一 个 标 靶 
SetUpTarget (); 


最 后 ， 我 们 需要 侦 听 按键 。 为 保持 游戏 的 简洁 ， 我 们 使 用 key-down 事件 。 这 在 简单 的 游戏 
里 用 起 来 很 顺手 ， 因 为 你 可 以 按 住 键 以 重复 事件 : 


/ /接受 键盘 输入 
stage.addEventListener (KeyboardEvent .KEY_DOWN, keyPressedUp); 








14.2.4 ”绘制 加 农 炮 和 标 靶 
所 谓 绘制 加 农 炮 就 是 指 如 何 定 位 这 10 个 圈 圈 。 不 只 如 此 ， 我 们 要 以 加 农 炮 为 基础 来 定位 炮 
弹 和 阴影 ， 好 让 它们 准备 发 射 。 
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这 个 基础 就 是 由 cannonPosition 定义 的 横 坐 标 ， 它 可 以 被 玩家 通过 按 下 左右 方向 键 来 改 
变 。 炮 是 放 在 地 上 的 ， 也 就 是 350 (y 值 )。z 值 -100 用 来 刚好 将 加 农 炮 放 在 三 维 空间 的 前 方 : 


public function drawCannon() { 
/ /定位 炮弹 
ball.x = cannonPosition; 
ballyy = 350; 
已 5 芝 二 


// 定 位 阴影 
ballShadow.x = cannonPosition; 
ballShadow.y = 350; 
ballShadow.z = -100; 


每 一 个 圈 圈 都 有 相同 的 横 坐 标 值 。 不 过 纵 坐 标 和 深度 值 则 取决 于 由 Math.sin 和 Math.cos 
转换 角度 得 来 的 坐标 值 。 你 了 解 它们 最 先是 在 7.1 节 。 在 这 个 例子 里 ， 我 们 设置 y 和 z 而 不 是 x 
和 z。 每 一 个 圈 圈 离 加 农 炮 的 基 座 间隔 为 5 的 倍数 : 0、5、10、15 等 : 

/ /绘制 加 农 炮 的 圈 轿 
for(var i=0;i<cannonRings.length;i++) { 
cannonRings [i].x cannonposition; 


cannonRings[i].y = 350 + 5*i*Math.sin(cannonAngle* (Math.PI/180)); 
cannonRings[i].z = -100+ 5*i*Math.cos (cannonAngle* (Math.PI/180)); 














说 明 


因为 3D 旋转 属性 是 用 度数 (0~360) 衡量 的 ， 我 们 在 cannonAngle 属性 里 使 用 它 
们 。 不 过 math 贺 数 所 需 的 是 弧度 (0~2x) 。 要 把 度 转换 成 弧度 ， 只 需 将 它们 乘 以 
Math.PI/180 即 可 。 







































































绘制 标 双 就 更 简单 了 。 我 们 甚至 不 需要 旋转 它 ， 只 需要 把 它 放 在 场景 里 就 行 了 。y 值 是 350， 
让 标 节 在 地 面 上 。 另 外 两 个 值 每 次 都 随机 选取 ， 这 样 就 让 标 对 看 上 去 都 是 指向 场景 中 心 的 : 


private function setUpTarget() { 





target .x = Math.random()*400-200+275; 
target.y = 350;，; 
target.z = Math.random()*1200+600; 


} 


14.2.5 ”移动 加 农 炮 


当 玩家 移动 加 农 炮 的 时 候 ， 他 们 只 是 在 改变 cannonPosition 属性 并 调用 arawcannon 来 4 
重 绘 圈 圈 ， 这 和 改变 cameraaAngle (相机 角度 ) 是 一 样 的 : 


public function keyPressedUp (event:KeyboardEvent) { 
if (event.keyCode == 37) { 
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cannonPosition -= 5; 
drawCannon(); 
} else if (event.keyCode = 
cannonPosition += 5; 
drawCannon(); 
if (event.keyCode == 38) { 
cannonAngle -= 1; 
drawCannon ( ) ; 
if (event.keyCode == 40) { 
cannonAngle += 1; 
drawCannon () ; 
if (event.keyCode == 32) { 
fireBall (); 














} 
如 果 玩 家 按 下 空格 键 ， 函 数 fireBall 被 调用 ， 你 应 该 猪 得 到 这 个 函数 是 做 什么 的 。 


14.2.6 ”打出 炮弹 


我 们 已 经 看 过 如 何 使 用 Math.sin 和 Math.cos 把 角度 “翻译 ”成 我 们 可 以 用 来 一 步 一 步 
地 移动 炮弹 的 东西 。 这 里 我 们 再 做 一 次 并 把 值 放 到 ay 和 az 里 。 我 们 把 这 些 值 乘 以 15 以 给 炮弹 
一 些 推力 , 让 它 在 3D 空间 里 每 帧 移动 大 概 15 像素 。 之 后 我 们 开始 侦 听 ENTER_FRAME 事件 并 用 
它 每 步 移 动 炮弹 : 
private function fireBall() { 
var f:Number = 15.0; // 初 始 化 推力 











// 计 算出 基于 力量 和 角度 的 矢量 


dy = f*Math.sin(cannonAngle* (Math.PI/180)); 
dz = f*Math.cos (cannonAngle* (Math.PI/180)); 
// 逐 帧 移动 炮弹 


addEventListener (Event .ENTER_FRAME, moveBall); 
} 


剩 下 的 就 只 有 moveBal1 国 数 了 。 它 通过 dy 和 dz 增加 炮弹 的 y 和 z 属性 。 它 同时 也 向 Gy 
加 1。 这 是 在 模拟 重力 加 速度 。 
炮弹 的 阴影 已 经 处 于 正确 的 x 位 置 , 而 y 值 总 是 330， 因 为 阴影 是 在 地 面 上 的 。 唯 一 需要 做 
的 就 是 设置 阴影 的 z 属性 ， 从 而 让 它 在 加 农 炮弹 下 方 贴 着 地 面 移动 。 
之 后 就 看 看 炮弹 的 y 属性 是 否 超过 了 350。 若 超过 ， 则 说 明 它 已 经 着 陆 了 。 
private function moveBall(e:Event) { 
/ /炮弹 的 移动 


ball.y += dy; 
ball.z += dz; 


// 让 阴影 跟着 炮弹 移动 
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ballShadow.z += dz; 


// 改 变 矢量 以 模拟 重力 
QY 4 :13 


/ /检查 炮弹 是 否 着 陆 

直下 "(Ballay SS 350) 
removeEventListener (Event .ENTER_FRAME, moveBall); 
var dist:Number=Math.sqart (Math.pow (ball .x- 
target .x,2)+Math.pow (ball.z-target .2z,2)); 
下 “(各 主攻 疙 0) 4 

setUpTarget () ; 

} 

} 

} 


如 果 炮 弹 已 经 着 陆 ， 距 离 将 通过 一 般 的 距离 公式 算出 来 : 两 个 平方 和 的 开平 方 。 这 样 就 得 到 
了 以 像素 为 单位 的 从 炮弹 着 陆 点 到 标 丢 位 置 点 间 的 距离 。 
如 果 该 值 小 于 50， 我 们 就 再 次 调用 setUpTarget 来 将 标 对 移动 到 新 的 位 置 。 


























14.2.7 ”修改 游戏 


那么 , 接 下 来 要 怎么 做 呢 ?” 标 靶 训 练 只 是 一 个 开始 而 已 。 要 让 它 成 为 一 个 真正 的 游戏 , 还 需 

设 定 某 种 目标 。 比 如 只 给 玩家 25 颗 加 农 炮弹 而 要 求 他 击 中 尽 可 能 多 的 标 靶 。 

当然 , 更 多 的 信息 会 让 游戏 更 好 玩 。 例 如 ， 当 加 农 炮弹 着 陆 时 ， 你 计算 了 距离 ， 为 什么 不 把 
它 放 在 文本 字段 里 显示 给 玩家 看 呢 ? 这 可 以 让 他 们 看 看 还 差 多 少 并 作出 调整 。 

也 可 以 让 玩家 调整 射击 的 力量 大 小 。 目 前 来 说 它 是 硬 编码 在 15。 不 过 也 许 你 可 以 让 玩家 以 
0.1 的 增 量 来 调整 它 ， 并 把 增 减 力量 的 功能 分 配给 A 和 Z 键 。 

多 些 图 形 也 不 错 。 比 如 ， 你 可 以 让 标 丢 被 击 中 时 爆炸 。 然 后 它 可 以 变 成 一 个 弹 坑 。 你 可 以 一 
开始 就 来 10 个 (而 非 1 个 ) 标 靶 并 且 直 到 它们 变 成 10 个 弹 坑 时 游戏 才 告 一 段落 。 














14.3 3D 竞 速 游戏 


源 文件 
http://flashgameu.com 


A3GPU214_Racing3D.zip 


我 们 的 第 一 个 游戏 展示 了 少数 一 些 物体 向 屏幕 纵深 移动 的 情况 。 在 下 面 的 例子 里 , 我 们 将 在 
玩家 在 场景 中 四 处 移动 时 改变 玩家 的 视野 。 

实际 上 你 并 不 能 在 Flash 里 那么 做 ， 因 为 没有 “相机 ”让 你 拿 着 到 处 移动 。 那 么 我 们 就 从 相 
反 的 角度 入 手 ， 移 动 场景 而 非 移动 观察 点 。 

拿 12 章 中 的 竞 速 游戏 作为 一 个 简单 的 例子 ， 把 它 向 屏幕 内 倾斜 。 只 需 设 置 游戏 Sprite 的 
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rotationX 值 就 可 以 让 地 面 像 多 米 诺 骨 牌 般 向 后 倒 ， 通 过 这 样 给 我 们 某 种 纵深 感 。 不 过 我 们 可 
以 通过 沿 着 赛 道 种 些 直立 的 树 和 使 用 直立 的 车 来 给 场景 带 来 一 些 高 低层 次 ， 如 图 14-6 所 示 。 





图 14-6 赛 道 以 90 度 平 身 ， 而 树 和 车 都 直立 起 来 了 


当 车 动 起 来 的 时 候 , 我 们 需要 重新 定位 游戏 世界 里 的 所 有 物体 , 让 风景 任何 时 刻 都 出 现在 车 的 
后 面 。 如 果 车 向 前 开 ， 整 个 世界 应 该 以 等 量 向 后 移动 ， 如 果 车 向 左 开 ， 整 个 世界 都 应 该 向 右 移 动 。 





14.3.1 游戏 元 素 


为 专注 于 Flash 游戏 的 3D 方面 ， 我 们 尽量 让 这 个 例子 简明 扼要 。 它 没有 开始 和 结束 画面 ， 
只 有 一 帧 。 主 要 的 游戏 元 素 就 是 Ground 影片 剪辑 ， 如 图 14-7 所 示 。 
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图 14-7 带 有 树 放 置 点 的 Ground 影片 剪辑 
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Ground 影片 剪辑 里 中 间 的 赛 道 是 Road 这 个 库 元 件 的 一 个 副本 。 和 第 12 章 一 样 ， 我 们 用 它 
来 判断 车 是 否 驶 出 了 道路 。 

另外 ， 你 可 以 看 到 在 图 14-7 中 的 所 有 小 圆 点 。 这 些 是 TreeBase 影片 剪辑 的 副本 ， 也 是 树 的 
位 置 。 


14.3.2 ”建立 影片 


在 导入 基本 类 之 后 ， 我 们 建立 了 一 对 Sprite。 第 一 个 保留 所 有 的 东西 ， 名 为 viewSprite。 
不 过 实际 上 它 只 放 了 worldsprite, 而 worldsprite 里 面 放 了 道路 、 树 和 车 : 
package { 
import flash.display.MovieClip; 


import flash.display.Ssprite; 
import flash.events.*; 


public class Racing3D extends MovieClip { 
private var viewSprite:Sprite; // 所 有 东西 
private var worldSprite:Sprite; // 道 路 、 树 和 车 


这 样 做 的 原因 是 ， 我 们 需要 移动 worldsprite 以 让 车 始终 在 屏幕 前 。 所 以 当 车 要 移动 时 就 
移动 worldsprite。 同 时 ，viewSprite 位 置 不 变 ， 在 屏幕 的 中 心 。 
下 面 ， 我 们 取得 对 对 象 的 ? | 用 以 便 在 程序 里 使 用 : 
// 对 对 象 的 引用 


private Var car:Car; 
private Var ground:Ground; 
private var worldObjects:Array; // 树 和 车 


我 们 需要 在 之 前 的 多 个 游戏 中 用 过 的 键盘 布尔 值 变量 ， 以 及 车 的 方向 和 速度 : 
/ /键盘 输入 


private var leftArrow, rightArrow, upArrow, downArrow: Boolean; 


/ /车 的 方向 和 速度 
private Var dir:Number; 
private Var speed:Number; 


3D 游戏 的 构造 函数 (或 者 说 是 游戏 开始 函数 ， 这 取决 于 你 如 何 建立 游戏 ) 通常 比 我 们 所 熟 
悉 的 要 大 。 这 是 因为 它们 需要 建立 很 多 3D | 5 
构造 国 数 从 建立 viewSprite 开始 。 这 个 Sprite 就 位 于 屏幕 的 中 心 (275, 350) 坐标 上 一 一 
稍微 靠近 底 音 et ee 


public function Racing3D() { 


/ /创建 环境 并 定 中 心 位 置 
ViewSprite = new Sprite(); 
viewSprite.x = 275; 
ViewSprite.y = 350; 
addChild(viewSprite); 


下 面 ,我 们 添加 worldsprite。 这 就 需要 将 它 倾斜 90” 好 让 地 面 平 放 , 它 使 得 worldsprite 
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的 y 轴 平 面 的 前 后 成 一 直线 ， 直 接 让 地 面 平 身 下 来 : 
/ /添加 一 个 内 在 Sprite 来 装载 所 有 东西 ， 将 这 个 Sprite 平 躺 


worldSprite = new Sprite():; 
worldSprite.rotationxX = -90; 
viewSprite.addChild(worldSsSprite); 


地 面 需要 覆盖 大 部 分 区 域 。 所 以 就 算 库 元 件 已 经 很 大 了 ， 我 们 仍 要 把 它 放 大 20 倍 : 
// 把 游戏 地 图 当成 地 面 添加 到 地 形 上 ， 放 大 20 售 


ground = new Ground(); 
ground.scalex = 20; 
ground.scaleY = 20; 
worldSsprite.addChild(ground); 


现在 viewSprite 出 现在 屏幕 上 了 ， 其 中 有 向 后 倾斜 个 有 Ground 元 件 的 worldsprite。 
因此 ， 如 果 我 们 到 此 为 止 的 话 ， 那 么 屏幕 就 只 是 展示 了 一 块 向 里 延伸 的 平地 。 

但 是 在 Ground 影片 剪辑 里 的 是 一 套 TreeBase 影片 剪辑 。 这 些小 圆圈 指明 了 树 要 放 的 位 置 。 
因此 ， 我 们 遍历 Ground 的 所 有 子 元 件 ， 查 找 类 型 为 TreeBase 的 影片 剪辑 实例 。 每 当 我 们 找到 
一 个 ， 就 创建 一 个 新 的 Tree 影片 剪辑 并 把 它 添 加 到 worldqsprite 里 TreeBase 的 位 置 上 。 

唯一 不 同 的 是 , 我 们 会 将 这 些 树 旋转 90”, 让 它们 竖 直 向 上 。 默认 是 0”，, 树 平 躺 在 地 面 的 ， 
在 90” 的 时 候 ， 我 们 让 树 都 直立 ， 使 之 垂直 于 地 面 ， 看 上 去 好 像 就 是 长 在 地 上 一 样 。 

/ /在 树 基 的 位 置 创建 树 


worldObjects = new Array(); 
for(var i:int=0;i<ground.numChildren;i++) { // 遍 历 子 元 件 
if (ground.getChildAt (i) is TreeBase) { // 找 到 一 个 树 基 

Var tree:Tree = new Tree(); 
tree.gotoAndStop (Math.ceil (Math.random()*3)); // 随 机 树 形 
tree.x = ground.getChilgdAt (i) .x*20; // 定 位 
tree.y = ground.getChildAt (i).y*20; 
tree.scalex = 10; // 设 置 树 合适 的 大 小 
tree.scaleY = 10; 
tree.rotationx = 90; // 让 树 直 立 
worldSsprite.addChild(tree); 
worldObjects.push(tree); // 把 树 登 记 起 来 




















说 明 


tree 影片 剪辑 被 指定 随机 跳 到 帧 1、2 或 3 中 的 一 帧 。 在 示例 影片 里 有 3 种 树 形 ， 一 帧 一 
种 。 你 可 以 方便 地 添加 某 种 类 型 。 甚 至 不 是 树 也 行 。 你 可 以 使 用 石头 、 灌 木 、 交 警 雪 粒 
明和 路 标 等 。 





































































































请 注意 ， 我 们 拥有 可 以 向 其 中 添加 每 一 棵 树 的 数组 worldobjects。 这 个 数组 里 有 树 和 车 ， 
稍 后 我 们 将 把 它 用 于 特殊 目的 。 
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下 面 我 们 要 添加 车 。 这 是 一 辆 只 有 背 视 图 的 车 ， 刚 好 位 于 worldsprite 的 (0,0) 位 置 : 
/ /添加 车 


car = new Car(); 

car.rotationX = 90; //stand up 
worldSsprite.addChild(car); 
worldObjects.push (car); 


用 角度 表示 的 车 方向 储存 在 dir 里 , 而 速度 存储 在 speed 里 。 我 们 在 这 里 设置 它们 的 初始 值 : 
/ /初始化 方向 和 速度 
dir = 90.0; 
Speed = 0.0; 
下 面 调用 特殊 函数 zsort ， 我 们 将 在 本 节 的 最 后 讨论 它 
//z 值 索 引 排 序 
Sort (ty 
接着 这 个 构造 函数 以 熟悉 的 几 行 结尾 。 设置 键盘 侦 昕 器 ,再 加 上 一 个 会 每 帧 调用 一 个 函数 的 
侦 听 器 。 后 者 是 该 游戏 的 主流 程 : 
// 对 键盘 事件 的 响应 


stage.addEventListener (KeyboardEvent .KEY_DOWN, keyPressedDown); 
stage.addEventListener (KeyboardEvent .KEY_UP, keyPressedUp); 





/ /推动 游戏 
addEventListener (Event .ENTER_FRAME, moveGame); 


14.3.3 用户 控制 


出 于 完整 性 考虑 ， 我 在 此 列 出 了 两 个 按键 事件 处 理 程序 ， 和 在 第 12 章 里 用 的 是 一 样 的 : 
/1 将 方向 键 变量 设置 为 真 


public function keyPressedDown (event :KeyboardqEvent ) { 
if (event.keyCode == 37) { 
leftArrow = true; 
} else if (event.keyCode == 39) { 
rightArrow = true; 
} else if (event.keyCode == 38) { 
upArrow = true; 
} else if (event.keyCode == 40) { 
downArrow = true; 
} 
} 





// 将 方向 键 变 量 设置 为 假 
public function keyPressedUp (event :KeyboardEvent ) { 
if (event.keyCode == 37) { 
leftArrow = false; 
} else if (event.keyCode == 39) { 


rightArrow = false; 
} else if (event.keyCode == 38) { 
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upArrow = false; 

} else if (event.keyCode == 40) { 
downArrow = false; 

} 


4 个 布尔 值 都 设置 好 后 ， 主 函数 每 帧 都 会 进行 检查 ， 看 看 要 做 些 什么 。 
第 一 个 要 检查 的 就 是 左右 方向 键 。 其 中 一 个 被 按 下 的 话 ，turn 的 值 就 变 成 0.3。 这 将 用 于 决 
定 车 是 向 左 转 还 是 向 右 转 : 


// 游 戏 的 主 函 数 
public function moveGame(e) { 


// 看 看 是 左 转 还 是 右 转 

Var turn:Number = 0; 

if (leftArrow) { 
i 三， 六 习 池 

} else if (rightArrow) { 
turm 


} 
向 上 方向 和 向 下 方向 键 有 一 点 不 同 。 向 上 方向 键 让 速度 每 帧 增加 0.1。 毕 况 它 是 一 个 加 速 器 ， 
而 不 是 速度 开关 。 限 制 放 在 最 大 速度 的 设置 里 。 
另外 ， 如 果 加 速 器 (向 上 方向 键 ) 没 被 按 下 ， 速 度 会 每 帧 减少 一 点 : 
// 如 果 按 下 了 向 上 方向 键 ， 加 速 ， 否则 减速 


if (upArrow) { 

Speed += .1; 

if (speed > 5) speeqd = 5; // 上 限 
} else { 

SpeedQ -= .05; 

if (speed < 0) speed = 0; // 下 限 





} 
速度 减少 的 另 一 个 可 能 是 车 开 出 了 主 道 ,和 在 第 12 章 中 一 样 , 我们 使 用 一 个 hitTestPoint 
测试 来 看 看 车 是 否 在 Road 影片 剪辑 之 上 。 如 果 不 是 ， 我 们 以 每 帧 5% 的 幅度 减速 : 
// 如 果 不 是 在 主 道上 行驶 ， 就 减速 
if (!ground.road.hitTestPoint (275,350,true)) { 
speed *= .95; 





说 明 


那么 hitTestPoint 如 何在 3D 空间 里 起 作用 呢 ?和 2D 空间 其 实 没什么 不 同 。 事实 上 ， 
它 就 是 在 2D 空间 里 起 作用 。 为 了 确定 物体 是 否 在 屏幕 的 某 个 点 上 , 它 和 我 们 的 眼睛 一 样 ， 
查看 的 也 是 屏幕 上 的 每 一 件 东西 ， 只 不 过 它 查看 的 是 2D 投影 ， 即 所 有 绘图 的 最 终 效果 。 
所 以 通过 询问 点 (275, 350) ， 我 们 其 实 也 是 在 看 道路 在 屏幕 的 那 一 点 上 是 否 可 见 。 这 对 
于 这 个 游戏 来 说 是 一 样 有 效 的 。 
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如 果 speed 还 有 值 的 话 ， 我 们 只 需要 让 车 移动 并 转向 。 我 们 在 这 儿 调 用 那 两 个 函数 。 多 番 
尝试 之 后 ， 我 计算 出 了 用 -10 作为 因子 可 以 让 移动 更 显 真实 。 
对 于 转弯 ， 我 们 要 更 多 的 速度 来 平衡 转弯 多 出 的 部 分 。 所 以 我 们 用 speeq (最 大 值 为 2.0) 
乘 以 turn 来 获取 用 来 转弯 的 数值 。 这 个 数 不 必 太 副 真 ， 允 许 主观 调整 。 毕 况 这 只 是 一 个 游戏 : 
/ /如果 在 移动 ， 那 么 移动 并 转向 
if (speed != 0) { 
movePlayer(-speed*10);} 


turnplayer (Math.min(2.0,speed)*turn); 
功名 四 七 (学 





} 
14.3.4 ”玩家 的 移动 

移动 玩家 其 实 就 是 移动 整个 环境 。( 事 实 上 是 向 着 相反 方向 。) 

接 下 来 的 两 个 变化 是 刚好 相反 的 。 首 先 环 境 被 移动 了 ,接着 车 被 移动 了 ,这 使 得 车 精确 地 保 
持 在 屏幕 中 的 同一 个 位 置 上 ， 因 为 这 两 种 运动 对 于 车 来 说 相互 抵消 了 。 请 注意 车 是 在 x 和 y 方 
向 上 移动 ， 而 环境 是 在 x 和 z 上 移动 。 这 是 因为 环境 已 经 被 翻转 了 90”: 


private function movePlayer(d) { 





// 通 过 反方 向 移动 环境 来 移动 玩家 
worldSprite.x += QxrMath.cos(Qirx2.0*Math.PI/360) ; 
worldSprite.z += d*Math.sin(dir*2.0*Math.PI/360); 


// 把 车 向 相反 方向 移动 来 保持 原 位 

car.X -= d*Math.cos (dir*2.0*Math.PI/360); 

car.y += d*Math.sin(dir*2.0*Math.PI/360); 
} 


转弯 比较 简单 一 点 。 要 做 的 就 是 改变 dir, 然后 基于 dir 设置 viewSprite 的 rotationY: 
private function turnPlayer(d) { 


// 改 变 方向 
dir += qd; 


/ /转动 环境 来 改变 视角 
viewSprite.rotationY = dir-90; 
在 turnplayer 的 最 后 ， 我 们 来 要 些 “小 聪明 "。 还 记得 那些 树 吗 ?它们 是 2D 的 ， 就 像 前 
饼 一 样 平 。 所 以 ， 玩 家 有 时 从 正面 观察 它们 ， 有 时 是 从 侧面 看 它们 。 在 这 种 情况 下 ,它们 看 上 去 
就 像 雕 成 树 样子 的 硬 纸板 一 样 。 4 
现在 我 们 要 做 的 就 是 ; 沿 着 视角 转动 树 。 这 就 使 得 树 总 是 面 对 我 们 。 无 论 车 如 何 转向 ， 树 看 
上 去 总 是 一 样 的 。 而 因为 树 在 真实 生活 里 都 是 圆柱 形 的 ， 所 以 这 个 效果 非常 棒 : 
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/ /转动 所 有 树 和 车 以 使 其 面向 玩家 
for(var i:int=0;i<worldObjects.length;i++) { 
worldObjects[i].rotationzZz -= d; 


说 明 


这 种 在 三 维 世界 里 使 用 二 维 图 形 ， 然 后 让 图 形 总 是 面向 玩家 的 技术 在 20 世纪 90 年 代 的 
3D 游戏 中 很 普遍 。 它 在 3D 游戏 里 使 用 非常 漂亮 的 图 形 而 避 免 采 用 复杂 的 模型 来 占用 进 
程 资源 。 
这 对 于 从 所 有 方向 上 看 都 差不多 的 物体 最 管用 ， 比 如 树 或 柱子 。 它 也 适合 于 总 是 要 正面 
对 着 玩家 的 有 生命 物 (如 怪物 ) 。 在 一 些 情况 下 ,多 张 2D 图 片 可 以 用 来 提供 物体 不 同 角 
度 的 展示 ， 例 如 每 隔 4$”。 做 得 好 的 话 ， 很 难 分 辨 这 是 2D 图 片 还 是 3D 模型 。 
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14.3.5 _z 索 引 排 序 


游戏 这 就 基本 完成 了 ， 只 是 还 有 一 个 讨厌 的 问题 。Flash 是 根据 显示 列表 中 的 顺序 显示 对 象 
的 。 第 一 个 对 象 排 在 后 面 ， 下 一 个 在 它 前 面 ， 以 此 类 推 。 

这 对 于 使 用 3D 显示 的 对 象 也 是 一 样 。 因 此 就 算 一 棵 树 比 另 一 棵 树 更 靠近 我 们 ， 它 们 也 是 按 
照 在 显示 列表 中 的 顺序 被 描绘 出 来 的 。 

我 们 当然 希望 在 后 面 的 树 可 以 先 被 画 出 来 ， 然 后 更 靠近 我 们 的 树 画 在 它们 前 面 。 要 让 Flash 
做 到 这 一 点 ， 我 们 需要 对 显示 列表 重新 排序 。 

zSort 函数 在 构造 函数 里 被 调用 ， 然 后 在 每 次 车 移动 和 转向 时 被 调用 。 它 先 检查 
worldobjects 里 的 每 一 个 物体 ， 并 使 用 getRelativeMatrix3D 计算 物体 和 屏幕 最 前 面 之 间 
的 距离 ， 把 距离 和 索引 值 存储 在 一 个 数组 里 。 因 此 ， 如 果 第 一 个 物体 是 在 100 像素 外 的 话 ， 数 组 
就 是 {z:100，n:0}; 第 二 个 在 50 像素 外 的 位 置 上 ， 数组 就 是 1z: 50，n:1}; 以 此 类 推 。 

然后 它 使 用 sorton 让 这 个 列表 以 "z" 值 降序 排序 。 得 到 的 结果 就 是 一 列 根据 距离 排序 
物体 。 

最 后 ， 它 使 用 aqaqchilad 按 恰当 的 顺序 一 个 一 个 地 移 除 和 重 填 worldsprite 的 显示 列表 : 

// 重 排 所 有 物体 ， 让 最 近 的 排 在 显示 列表 的 最 上 面 


private function zSort() { 
Var objectDist:Array = new Array(); 
for(var i:int=0;i<worldObjects.length;i++) { 
Var ZzZ:Number = 
worldObjects[i].transform.getRelativeMatrix3D(root) .position.z; 
objectDist.push({zr2z,ni1})y 





} 

objectDist.sortOn( "2z", Array .NUMERIC | Array .DESCENDING ) ; 

for(i=0;i<objectDist.length;i++) { 
worldSprite.addChild(worldObjects[objectDist[i].n]); 
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对 zSort 所 做 的 事情 还 有 疑惑 ”只 需要 运行 这 个 带 有 两 个 添加 了 注释 的 对 zSort 的 调用 样 
例 。 开 着 车 在 赛 道上 兜 一 圈 并 观察 树木 即 可 。 


14.3.6 ”修改 游戏 


这 个 例子 只 是 简单 地 强调 了 3D 方面 。 要 让 其 成 为 一 个 真正 的 游戏 , 还 要 重 温 第 12 章 的 竞 速 
游戏 并 重组 游戏 的 各 方面 。 最 值得 留意 的 是 ， 你 要 增加 路 点 系统 好 记 下 圈 数 。 

接着 当然 是 要 增加 速度 和 时 间 的 标示 , 然后 你 可 以 添加 开始 和 结束 帧 来 美化 游戏 , 而 在 玩家 
完成 了 一 圈 (或 者 3 圈 ) 之 后 提供 一 个 真正 的 游戏 结局 。 

你 还 可 以 改进 车 的 图 形 。 目 前 它 只 是 一 个 静态 图 片 。 考 虑 一 下 在 按 下 向 左 或 向 右 方向 键 的 时 
候 让 轮胎 显得 不 同 来 表示 车 正在 转弯 如 何 ? 


14.4 3D 地 牢 冒 险 


源 文件 

http://flashgameu.com 

A3GPU214_Dungeon3D.zip 

我 们 现在 接着 看 一 个 有 代表 性 的 3D 游戏 。 这 个 第 一 人 称 游戏 让 玩家 面 对 直 立 的 墙 ， 并 允许 
他 们 在 狭小 的 封闭 空间 里 四 处 跑 动 。 

这 就 是 3D 游戏 出 现时 的 样子 ， 诸 如 《毁灭 战士 》(Doom) 和 《马拉松 》(Marathon) 的 第 一 
人 称 射击 游戏 。 在 这 里 我 们 不 添加 射击 ， 但 会 采用 第 一 人 称 视角 的 显示 和 移动 。 
图 14-8 展示 了 基本 的 构想 。 两 边 都 有 墙 ， 有 地 板 和 天 花 板 。 看 不 到 玩家 ， 因 为 这 是 第 一 人 














称 的 视图 ， 你 是 通过 角色 的 眼睛 观察 外 面 。 
IOO Dungeonpsw | 

















图 14-8 ”是 时 候 探索 地 牢 了 
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这 个 游戏 有 两 大 难点 。 第 一 个 是 墙 体 的 摆 放 , 第 二 个 是 检测 碰撞 以 避免 玩家 行走 时 直接 穿 墙 


14.4.1 游戏 元 素 


值得 指出 的 是 ， 这 最 后 一 个 示例 完全 取材 于 前 14 章 中 的 游戏 。 这 时 你 已 经 有 很 多 构建 块 ， 
要 做 的 就 是 将 不 同 的 元 素 放 到 一 起 来 制作 新 游戏 。 

这 个 3D 地 牢 游戏 从 前 一 个 3D 竞 速 游戏 里 取 了 很 多 东西 , 也 从 第 12 章 的 俯视 图 驾驶 游戏 里 
拿 了 很 多 元 素 。 我 们 使 用 第 12 章 的 碰撞 检测 方法 来 阻止 玩家 穿越 墙 体 。 
图 14-9 展示 了 游戏 里 的 Map 影片 剪辑 。 每 个 灰色 方块 就 像 俯 视图 鸭 驶 游戏 里 的 一 个 砖 块 。 
我 们 用 它们 来 挡住 玩家 。 而 且 我 们 用 它们 来 决定 墙 的 位 置 , 就 像 在 3D 竞 速 游戏 里 使 用 TreeBase 
来 放置 树 一 样 。 





































































































图 14-9 地牢 的 布局 都 在 Map 影片 剪辑 里 了 。 网 格 已 经 设 为 显示 以 便 放 置 方块 


这 种 安排 让 建立 和 重 设 地 图 变 得 容易 。 只 需要 拖 动 并 放下 更 多 Square 影片 剪辑 就 可 以 建造 
更 多 墙 体 。 而 移动 现 有 的 东西 就 可 以 进行 修改 。 

你 应 该 注意 到 了 地 图 上 的 圆 形 物体 。 这 就 是 出 现在 这 个 游戏 里 的 硬币 。 当 遍历 Map 影片 前 
辑 里 的 对 象 时 ， 我 们 可 以 监测 到 它们 并 放置 一 个 硬币 在 那个 位 置 点 上 。 实 际 上 ,我 们 是 从 地 图 里 
移动 硬币 到 3D 场景 

库 里 的 其 余部 分 都 是 所 需 的 图 片 : 墙 、 地 板 砖 、 天 花 板 砖 块 和 硬币 。 


14.4.2 ”设置 游戏 


和 俯视 图 驾驶 游戏 一 样 ,我 们 使 用 Rectangle 对 象 来 决定 碰撞 。 所 以 我 们 需要 ActionScript3.0 
的 几何 类 库 : 
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package { 
import flash.display.*; 
import flash.events.*; 
import flash.geom.*; 


和 在 3D 竞 速 游戏 里 一 样 ， 我 们 使 用 一 个 viewsprite 和 一 个 worldsprite: 


public class Dungeon3D extends MovieClip { 
public var viewSprite:Sprite; // 所 有 东西 
public var worldSprite:Sprite; // 墙 、 天 花 板 、 地 板 和 硬币 


要 存储 并 方便 地 获得 对 象 ， 我 们 使 用 接 下 来 的 变量 。map 和 squares 变量 是 用 来 定位 墙 体 
的 , 也 用 来 检测 磁 撞 。worldqobjects 数组 在 我 们 需要 用 墙 体 和 硬币 来 进行 显示 列表 排序 和 硬币 
碰撞 检测 时 使 用 : 








// 对 物体 的 引用 

public var map:Map; // 用 于 墙 体 和 硬币 定位 的 影片 剪辑 
public var squares:Array; // 地 图 上 的 区 块 

public var worldObjects:Array; // 墙 体 和 硬币 


因为 在 这 个 3D 游戏 里 的 视图 是 第 一 人 称 的 ， 所 以 不 用 角色 、 车 或 其 他 物体 来 代表 玩家 。 不 
过 知道 玩家 在 地 图 上 的 位 置 较为 方便 。 为 此 我 们 采用 变量 charPos : 
private var charPos:Point; // 玩 家 位 置 
就 像 在 3D 竞 速 游戏 和 其 他 游戏 里 一 样 ， 我 们 对 方向 键 使 用 布尔 值 ， 还 使 用 了 方向 和 速度 变 
量 。 我 们 在 这 里 设置 它们 的 初始 值 : 
/ /键盘 输 入 


private var leftArrow, rightArrow, upArrow, downArrow: Boolean; 





// 方 向 和 速度 
private var dir:Number = 90; 
private Var speed:Number = 0; 


14.4.3 ”构造 地 牢 

这 个 3D 环境 比 前 一 个 游戏 里 的 稍微 复杂 些 。 我 们 必须 检测 地 图 并 摆 放 很 多 墙 体 。 不 过 首先 ， 
我 们 要 创建 viewSprite。 试 验证 明 , 下 面 的 定位 能 为 在 地 牢 里 走动 的 玩家 提供 较 好 的 视野 。 接 
着 我 们 创建 一 个 worlaSprite 来 保存 所 有 物体 : 


public function Dungeon3D() { 





/ /创建 世界 并 定位 于 中 心 
viewSprite = new Sprite(); 
ViewSprite.x 2 1. 
viewSprite.y 2900: 
ViewSprite.z = -500; 
addChild(viewSprite); 


// 添 加 内 部 Sprite 来 保存 所 有 东西 ， 把 它 放 平 
worldSprite = new Sprite(); 
viewSprite.addChild(worldSsprite); 
worldSprite.rotationX = -90; 
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在 查看 地 图 并 放置 墙 体 前 ,让 我 们 先 把 地 板 和 天 花 板 砖 块 放 好 。 我 们 遍历 需要 摆 放 砖 块 的 空 
间 ， 并 在 天 花 板 和 地 面 摆 上 200x200 的 砖 块 : 
// 用 天 花 板 砖 吊顶 
for (var i:int=-5;i<5;i++) { 
for(var j:int=-6;j<1;j++) { 
Var ceiling:Ceiling = new Ceiling(); 


ceiling,.x = i*200; 
ceiling,.y = j*200; 
ceiling.z = -200; // 上 面 


worldSprite.addChild(ceiling); 


} 


// 用 地 板 砖 铺底 

for(i=-5;i<5;i++) { 

for(j=-6;j<1;j++) { 
Var floor:Floor = new Floor();} 
floor .x i*200; 
floor.y j*200; 
floor,z 三 07 /7 下 面 
worldSprite.addChild(floor); 


1 we | 


} 


现在 是 时 候 检查 地 图 并 添加 墙 体 了 。 创建 一 个 来 自 库 的 Map 影片 剪辑 实例 。 不 过 我 们 不 会 
把 它 添加 到 任何 显示 列表 中 。 这 个 影片 剪辑 只 用 于 引用 而 不 可 见 : 
// 获 得 游戏 地 图 
map = new Map(); 
接 下 来 的 代码 遍历 地 图 上 的 所 有 子 元 件 , 并 对 其 中 类 型 为 Square 或 coin 的 元 件 进行 操作 。 
把 这 两 种 对 象 都 存储 在 worldobjects 里 ， 另 外 Square 对 象 也 同时 存储 在 squares 数组 里 。 
这 两 个 数组 稍 后 用 得 着 : 
// 在 地 图 上 查找 square， 并 在 每 个 位 点 放 四 面 墙 
// 把 硬币 放 上 去 并 让 它们 转动 起 来 


worldObjects = new Array(); 
squares = new Array (); 


在 地 图 上 遍历 子 元 件 的 时 候 ， 我 们 把 每 一 个 都 存储 在 临时 变量 object 里 : 


for(i=0;i<map.numChildren-1;i++) { 
Var object = map.getChildAt (i); 


所 以 如 果 对 象 是 一 个 方块 ,我 们 就 在 这 个 方块 周围 建 4 个 墙 体 。 更 直观 地 说 ， 我 们 把 方块 立 
成 一 个 立方 体 。 添 加 一 面 墙 需要 若干 步骤 ， 因 此 我 们 把 这 些 步 骤 独 立 出 来 成 一 个 叫 addqwal1 的 
国 数 。 这 个 函数 取得 一 个 位 置 值 、 墙 的 长 度 值 和 一 个 旋转 角度 值 ， 并 把 这 个 数据 转化 成 3D 世界 
里 的 一 个 新 的 元 素 。 我 们 会 马上 查看 它 。 不 过 请 注意 这 个 函数 同时 也 把 每 一 面 墙 添 加 到 了 wor1d- 
Objects 中 。 
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说 明 




















这 个 方法 绝 不 是 在 2D Sprite 里 建立 3D 环境 的 唯一 途径 。 可 以 完全 用 代码 来 创建 这 个 环 
境 ， 通 过 创建 实例 并 放置 它们 来 添加 每 一 个 物体 。 你 可 以 把 一 列 物 体 和 位 置 都 存储 在 
XML 文本 里 ， 并 在 读 取 之 后 在 场景 里 重新 创建 它们 。 也 完全 可 以 在 2D 里 通过 设置 纵 轴 
位 置 并 根据 它们 的 实例 名 旋转 来 表现 每 面 墙 和 其 他 物体 。 条 条 大 路 通 罗 马 ， 一 旦 你 理解 
了 这 个 例子 ， 就 可 以 着 手 用 自己 的 方式 来 实现 它 。 







































































































































































另外 ， 所 有 square 都 放 在 用 来 进行 碰撞 检测 的 squares 数组 里 
if (object is Square) { 
// 添 加 4 面 墙 ， square 的 每 边 一 面 
addWall (object .x+object .width/2, object.y, object.width, 0); 


addWall (object .x, object .yt+object.height/2, object.height, 90); 


addWall (object .x+object .width，object.y+object .height/2， 
object.height, 90); 


addWall (object .x+object .width/2, object.yt+object.height, 
object .width, 0); 


/ /登记 square 以 便 检 测 碰撞 
squares.push (object); 


如 果 物 体 是 个 硬币 ,我 们 就 认为 在 那个 位 置 有 个 硬币 。 实 际 上 ,我 们 不 会 创建 硬币 ,而 是 从 


地 图 上 “ 偷 ”一 个 并 把 它 放 到 worlgsprite 里 。 同 时 ， 我 们 把 它 提升 到 z 值 为 -50 并 立 起 来 旋 
转 它 。 它 像 墙 体 一 样 被 添加 到 worldobjects 里 : 


} else if (object is Coin) { 
object.z = -50; // 向 上 移 
object .rotationX = -90; // 面 向 玩家 
worldSsprite.addChild (object); 
worldObjects.push(object); // 添 加 到 ZSort 数组 里 








} 


我 曾 提 到 过 charPos 以 及 我 们 该 如 何 使 用 它 ， 我 们 在 这 儿 设 置 它 的 开始 位 置 。 接 着 调用 
zSort 按照 与 前 面 的 距离 为 顺序 来 给 显示 列表 排序 ， 就 像 我 们 在 前 一 个 游戏 所 做 的 那样 : 
// 记 录 角 色 在 视觉 上 的 位 置 


charPos = new Point (0,0); 


// 按 距离 对 所 有 墙 体 和 硬币 进行 排序 
BSOrt()s 

在 构造 函数 的 末尾 ， 我 们 会 建立 3 个 侦 听 器 (两 个 针对 键盘 输入 ， 一 个 针对 游戏 主 函 数 ) : 
// 响 应 键盘 事件 


stage.addEventListener (KeyboardEvent .KEY_DOWN, keyPressedDown); 
stage.addEventListener (KeyboardEvent .KEY_UP, keyPressedUp); 


/ /推进 游戏 
addEventListener (Event .ENTER_FRAME, moveGame); 
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下 面 是 aqdqwall 函数 。 以 Wall 类 创建 一 面 新 的 墙 。 它 被 设 好 了 人 位置， 按照 所 赋 的 长 度 设 
好 了 宽度 ， 转 成 直立 并 向 内 转 入 一 定 角度 : 


public function addWall (x, y, len, rotation) { 
Var wall:Wall = new Wall(); 
wall.x = X; 
walliy = YY? 
wall.z = -wall.height/2; 
wall.width = len; 
wall.rotationx = 90; 
wall.rotationzZz = rotation; 
worldSprite.addChild(wall); 
worldObjects.push (wall); 





14.4.4 游戏 主 函 数 


两 个 键盘 事件 侦 听 器 国 数 在 前 一 个 游戏 里 说 过 了 ， 在 此 不 再 费 述 。 而 且 ， 除 了 转动 所 有 树 
都 面向 玩家 的 最 后 3 行 在 这 里 没有 采用 之 外 , turnPlayer 国 数 和 3D 竞 速 游戏 里 的 那个 也 是 一 
样 的 。 
因此 我 们 直接 来 看 moveGame 函数 。 因 为 这 种 游戏 里 的 转向 是 独立 于 运动 速度 之 外 的 , 所 以 
我 们 在 向 左 或 向 右 方向 键 被 按 下 时 把 turn 设 成 较 高 的 值 。 这 样 就 可 以 不 用 看 是 否 有 向 前 的 移动 
而 径直 执行 转向 : 


public function moveGame(e) { 





























/ /看 看 是 否 在 左 转 或 右 转 

Var turn:Number = 0; 

if (leftArrow) { 
turn = 10; 

} else if (rightArrow) { 
turn = -10; 


} 


// 转 向 
(EQ = 0》 4 
turnplayer (turn); 


} 
移动 和 转向 的 流程 是 一 样 的 。 我 们 稍 后 看 看 movePlayer 函数 : 
// 如 果 向 上 方向 键 被 按 下 就 加 速 ， 否 则 减速 





speed = 0; 
if (upArrow) { 
speed = 10; 


} else if (downArrow) { 
speed = -10; 
} 


/ /移动 
if (speed != 0) { 


14.4 3D 地牢 冒险 437 





movePlayer (speed); 


} 
如 果 移 动 了 ， 我 们 重 排 显示 列表 的 顺序 即 可 : 





// 重 排 物体 
if ((speed Ts 0) 1 (EuER Vs DY) 
SOEt() 


} 


最 后 ， 调 用 checkcoins， 它 将 查看 玩家 是 否 已 经 碰 到 了 硬币 : 
// 看 看 有 没有 硬币 被 碰 到 


checkCoins () ; 


14.4.5 ”玩家 的 移动 


下 一 个 函数 与 第 12 章 中 的 俯视 图 驾驶 游戏 里 的 movecaz 函数 相似 。 
基本 思路 是 创建 一 个 矩形 来 代表 玩家 所 占用 的 空间 , 然后 复制 它 并 在 玩家 作出 移动 的 时 候 调 
整 它 来 继续 代表 玩家 所 占据 的 空间 。 
以 这 两 个 矩形 和 所 有 Square 来 判定 是 否 有 碰撞 出 现在 玩家 和 Square 之 间 。 如 果 有 的 话 ， 玩 
家 需要 往 后 退 来 避免 碰撞 : 
public function movePlayer(d) { 
// 计 算 当 前 玩家 区 域 


// 生 成 一 个 矩形 来 模拟 玩家 占用 的 空间 

var charSize:Number = 50; // 粗 略 估 计 玩 家 的 尺寸 

Var charRect :Rectangle = new Rectangle (charPos.x-charSize/2, 
charPos.y-charSize/2, charSize, charSize); 


/ /为 玩家 未 来 的 位 置 获取 新 的 算 形 

Var newCharRect:Rectangle = charRect.clone(); 
Var charAngle:Number = (-dir/360)*(2.0*Math.PI); 
var dx:Number = d*Math.cos (charAngle); 

Var dy:Number = d*Math.sin(charAngle); 
newCharRect .x += dx; 

newCharRect.y += dy; 


/ /计算 新 位 置 
Var newX:Number = charPos.x + dx; 
Var newY:Number = charPos.y + dy; 


// 遍 历 Square 来 检查 碰撞 
for(var i:int=0;i<squares.length;i++) { 





/ /获取 障碍 矩形 ， 看 是 否 有 碰撞 
Var blockRect:Rectangle = squares[i] .getRect (map); 
if (blockRect.intersects (newCharRect)) { 
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// 横 向 回 退 
if (charPos.x <= blockRect.left) { 
newX += blockRect.left - newCharRect.right; 
} else if (charPos.x >= blockRect.right) { 
newX += blockRect.right - newCharRect.1left; 
} 
// 纵 向 回 退 
if (charPos.y >= blockRect.bottom) { 
newY += blockRect.bottom - newCharRect .top; 
} else if (charPos.y <= blockRect.top) { 
newY += blockRect.top - newCharRect .bottom; 
} 
} 
} 
/ /移动 角 色 的 位 置 
CharPos.y = newyY; 
CharPos .X = newxX; 
/ /移动 地 面 以 展现 恰当 的 视野 
worldSprite.x = -newx; 
worldSprite.z = newY; 
} 
这 和 我 们 在 第 12 章 所 用 的 机 制 完全 一 样 。 如 果 你 还 不 太 确 定 它 是 如 何 避 免 碰 撞 的 话 ， 不 妨 
重 温 一 下 第 12 章 用 o 


14.4.6 ”收集 硬币 


硬币 地 图 里 的 小 圆圈 ， 我 们 只 是 把 它 从 地 图 
滨 示 影片 时 你 无 疑 已 经 看 见 了 ， 它 悬 在 空中 并 转 
接 下 来 
每 次 增加 它们 的 rotationz 使 之 转动 起 来 。 
另外 ， 距 离 公式 是 用 来 计算 角色 到 硬币 之 间 
被 从 显示 列表 和 worl9objects 数组 里 移 除 : 
{ 




















private function checkCoins() 


// 查 看 所 有 对 象 

for (var i:int=worldObjects.length-1;i>=0; 
// 仅 关注 硬币 
if (worldObjects[i] is Coin) 


// 使 它 旋转 | 


worldObjects[i] 


/ /检查 角 色 到 这 儿 距 高 


var dist:Number 


的 函数 遍历 所 有 的 worlaobjects 并 查看 其 中 是 


里 取出 来 放 进 我 们 的 3D 环境 里 而 已 。 当 你 打开 
动 着 。 

否 有 类 型 为 coin 的 对 象 。 接 着 它 
0 


的 距离 的 。 如 果 足 够 接近 (这 里 是 30) ， 硬 币 就 


{ 


Ty 


{ 


.rotationzZ += 10; 


Math.sqart 
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(Math.pow (charPos.x-worldObjects[i].x,2)+Math.pow 
(charPos.y-worldObjects[i].y,2)); 


/ /如果 足 够 近 ， 移 除 硬 币 

i (dist < S50) 
worldSprite.removeChild(worldObjects[i]); 
worldObjects.splice(i,1); 


} 
} 


最 后 的 函数 是 zSort。 因 为 和 3D 竞 速 游 戏 里 的 zSort 函数 一 样 ， 所 以 就 不 在 这 儿 重 复 了 。 
14.4.7 ”游戏 的 局 限 性 


我 们 这 儿 所 创建 的 是 一 个 小 的 3D 游戏 引擎。 你 可 以 修改 地 图 来 创造 各 种 布局 。 你 也 可 以 添 
加 和 删除 硬币 。 

但 是 在 这 个 简单 的 系统 里 有 诸多 局 限 性 。 其 中 之 一 是 我 们 只 是 依靠 简单 的 z 索 引 排 序 法 来 对 
物体 进行 前 后 排序 。 这 样 做 看 上 去 管用 的 原因 是 所 有 墙 体 都 是 放 在 漂亮 网 格 里 的 简单 立方 体 。 如 
果 我 们 开始 时 让 墙 彼 此 都 摆 得 很 近 ， 那 么 z 索引 排序 法 并 不 会 总 适用 。 

此 外 ， 如果 我 们 要 尝试 更 大 的 物体 , 或 者 物体 之 间 有 相互 穿 过 的 话 ， 它 们 不 会 恰当 地 显示 出 
来 ， 因 为 可 能 一 个 物体 的 一 部 分 会 比 另 一 个 物体 的 一 部 分 更 接近 屏幕 ,但 要 先 画 一 个 ， 然 后 再 画 
另 一 个 。 

所 以 ， 让 这 些 物 体 保 持 小 体型 并 相互 隔 有 一 定 空间 就 会 让 游戏 运行 得 很 好 。 

而 且 ， 我 们 也 必须 认识 到 所 有 这 种 3D 需要 占用 一 定 的 处 理 器 资源 。 初 始 时 添加 更 多 墙 体 或 
其 他 东西 会 让 系统 慢 下 来 。 

这 个 游戏 几乎 没有 做 优化 。 实 际 上 ， 有 很 多 浪费 资源 的 地 方 。 有 必要 画 出 所 有 立方 体 的 全 部 
四 面 墙 吗 ? 没有 。 其 中 的 许多 墙 永 远 也 不 会 被 看 到 。 因 此 , 也 许 除 了 作为 磁 撞 检测 对 象 的 square 
之 外 ,我 们 可 以 为 让 线 代表 每 一 面 墙 。 这 样 一 来 ,一 面 墙 就 是 一 条 线 ， 我们 只 需要 完全 夯 出 需要 
的 墙 就 可 以 了 。 

同样 的 方式 可 以 用 于 天 花 板 和 地 板 砖 。 也 许 Map 影片 剪辑 的 新 图 层 可 以 包含 代表 天 花 板 和 
地 板 的 对 象 ， 并 且 它 们 只 在 需要 的 空间 里 出 现 。 

这 两 样 技巧 都 可 以 削减 游戏 需要 绘 出 和 跟踪 的 对 象 的 数量 。 


14.4.8 扩展 游戏 


从 这 儿 开 始 你 可 以 向 很 多 方向 拓展 。 第 一 想到 的 可 能 要 创建 某 种 类 型 的 挑战 。 也 许 某 些 硬币 
可 以 是 钥匙 ， 而 某 些 墙 可 以 是 门 。 先 要 得 到 钥匙 ， 然 后 靠近 门 去 打开 它 〈 或 让 它 消 失 ) 。 

当然 , 很 多 人 会 想到 添加 怪物 到 这 种 游戏 里 。 这 会 立即 让 游戏 变 得 复杂 。 或 者 , 也 可 以 利用 硬 
币 和 立方 体 的 结合 来 简单 地 做 。 你 通过 捡 起 一 把 已 首 并 冲 向 一 个 静止 的 怪物 来 “干掉 ” 它 ， 并 为 此 
消耗 一 把 已 首 。 接 着 在 你 清单 里 的 怪物 和 已 首 ， 还 有 之 前 挡住 你 路 径 的 怪物 脚下 的 方块 都 消失 了 。 
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你 也 可 以 向 怪物 开 枪 打出 子弹 (或 射 第 ) ， 在 子弹 飞行 碰 到 怪物 期 间 检测 碰撞 ， 有 很 多 种 实 
现 的 方式 。 

更 简单 地 , 扩展 也 可 以 是 提供 多 种 墙 体 图 片 。 例 如 , 一 个 墙 体 可 以 是 一 个 控制 面板 一 一 这 个 
可 以 是 22 世纪 火星 上 的 地 牢 。 你 甚至 可 以 让 墙 体 是 一 个 包含 儿 个 帧 的 影片 剪辑 以 便 让 控制 面板 
有 闪烁 和 变化 。 

而 如 果 墙 体 是 Sprite， 那 么 它们 的 上 面 就 可 以 有 按钮 。 这 样 你 就 可 以 走向 墙 并 使 用 鼠标 单 击 
按钮 。 你 也 可 以 在 这 些 墙 上 放 些 迷你 游戏 ， 虽 然 这 会 切实 增加 处 理 器 的 负担 。 想 象 一 下 ， 当 你 要 
开门 时 ， 要 先 走 向 一 面 墙 完 成 第 6 章 里 的 请 动 拼 图 。 






































从 这 个 3D 地 牢 游 戏 中 可 以 看 到 我 们 已 经 学 了 多 少 东西 了 。 我 们 从 第 3 章 的 配对 游戏 (一 个 
以 鼠标 单 击 为 输入 、 记 忆 力 为 测试 目标 的 翻 牌 猜谜 游戏 ) 启程 ， 最 后 把 沿途 学 到 的 许多 技巧 都 用 
在 这 个 简单 的 3D 游戏 里 作为 结尾 。 

这 里 展示 了 可 以 由 Flash 创建 的 多 种 多 样 的 游戏 。 而 且 ， 如 果 你 已 经 学 好 本 书 各 章 的 话 ， 那 
么 它 也 展示 了 你 能 建立 的 游戏 种 类 范围 。 

下 一 步 该 怎么 做 取决 于 你 , 修改 学 习 本 书 时 建立 的 游戏 或 从 自己 的 设计 出 发 开始 制作 自己 的 
游戏 。 无 论 哪 条 路 都 好 ， 如 果 想 学 到 更 多 的 话 ， 记 得 来 http://flashgameu.com 看 看 有 什么 新 东西 。 





























为 iPhone 制作 游戏 


本 章 内 容 


口 开始 iOS 开发 

口 设计 和 编程 的 注意 事项 
口 请 动 拼图 改编 

口 弹子 迷宫 游戏 

口 为 iOS 设备 而 优化 

口 iPhone 之 外 





在 Flash 里 制作 游戏 的 好 处 在 于 ， 制 作 的 游戏 人 们 几乎 可 以 在 任何 Web 浏览 器 里 玩 ， 至 少 在 
Mac 和 PC 上 是 如 此 。 可 是 越 来 越 多 的 人 正在 用 手机 (如 iPhone) 上 网 。 而 你 可 能 知道 ，iPhone 
上 的 Web 浏 览 器 并 不 支持 Flash。 

但 是 ， 这 并 不 意味 着 不 可 以 为 iPhone 制作 Flash 游戏 。 通 过 在 Flash CS5 里 为 Phone 打包 的 
新 技术 ， 你 可 以 制作 适合 iOS (在 让 hone、iPod Touch 和 iPad 上 运行 的 系统 ) 的 应 用 。 你 甚至 可 
以 在 苹果 App Store 里 销售 这 些 应 用 。 


15.1 开始 iOS 开发 


实际 上 为 iOS 制作 游戏 相对 简单 ， 而 让 它们 到 达 玩 家 的 手中 倒是 有 一 点 困难 。 因 为 仅 有 的 合 
法 发 布 途径 就 是 通过 苹果 App Store， 你 必须 克服 许多 困难 才能 让 其 他 人 玩 到 你 的 游戏 。 
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说 明 


和 Flash CS5 发 布 之 初 ， 苹 果 公 司 是 不 允许 开发 者 通过 它 或 者 类 似 的 工具 来 制作 让 hone 
应 用 的 。 不 过 在 2010 年 9 月 ， 他 们 取消 了 这 一 禁令 。 
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许多 关于 iPhone 应 用 开发 的 书 里 都 花 了 一 整 章 其 至 更 多 篇 幅 来 讨论 你 需要 完成 的 管理 任务 。 





但 是 把 它 印 在 书 上 并 不 是 个 好 主意 , 因为 这 些 信息 在 苹果 公司 的 开发 者 网 站 上 原本 就 有 ,而 且 内 
容 经 常会 变 。 


这 里 只 提 及 基本 内 容 ， 最 新 的 信息 则 需要 你 自己 通过 一 些 快速 链接 去 查找 。 
15.1.1 需要 准备 什么 


这 里 所 需 的 东西 中 一 部 分 是 让 你 在 一 台 iOS 设备 上 测试 游戏 时 用 的 , 而 其 余 的 则 在 你 准备 将 
游戏 提交 到 应 用 商店 之 前 都 不 会 用 到 。 

口 一 个 苹果 iPhone 开发 者 账号 一 一 到 http:/developer.apple.conyiphone/ 购 买 一 个 一 年 期 的 
证 书签 名 。 没 有 开发 者 账号 的 话 ， 你 无 法 将 应 用 提交 到 苹果 App Store， 甚 至 不 能 在 iOS 
设备 上 测试 你 的 应 用 。 

口 一 台 iOS 设备 一 一 虽然 技术 上 说 不 经 过 在 iPhone、iPod Touch 或 iPad 上 的 实地 检验 ， 就 
能 进行 开发 、 测 试 ， 并 将 应 用 提交 到 苹果 App Store， 但 这 并 不 是 个 好 主意 。 你 真 的 需要 
看 看 你 的 应 用 在 实际 使 用 时 的 运行 情况 。 








说 明 


如 果 你 没有 iPhone 而 且 不 打算 弄 一 部 的 话 ， 认 od Touch 可 能 是 你 为 1OS 开发 所 作 的 最 好 
的 选择 。 只 涉及 游戏 和 Flash 开发 的 话 , 它 几 平和 iPhone 是 一 样 的 。 另 一 个 选项 就 是 让 ad， 
它 可 以 让 你 开 一 个 小 窗 显 示 记 hone 应 用 或 将 其 放大 两 倍 。 这 样 你 就 可 以 同时 测试 iPhone 
和 iPad 应 用 了 。 













































































































































































口 一 个 数字 签名 一 一 这 个 证 书 由 你 自己 用 Mac 或 Windows 电脑 上 的 另 一 个 软件 创建 。 可 以 
访问 http://help.adobe.com/en_US/as3/iphone/, 看 看 “Getting Started Building AIR Applications 
for the iPhone” (开始 建立 Phone 的 AIR 应 用 程序 ) 部 分 ， 并 细 读 所 有 内 容 。 

口 一 份 供给 配置 文件 (provisioning profile) 一 一 这 是 你 从 你 的 苹果 开发 者 账号 上 取得 的 文 
件 。 你 很 可 能 是 在 苹果 公 司 的 系统 上 注册 应 用 ， 然 后 从 过 程 中 取得 这 个 文件 ， 查 看 相同 
的 Adobe 链接 了 解 更 多 。 

口 一 个 分 发 配置 文件 (distribution profile) 一 一 你 需要 从 苹果 开发 者 网 站 取得 的 另 一 个 文件 ， 
不 过 不 是 用 于 在 iPhone 上 测试 ， 而 是 用 在 你 要 制作 一 个 版 本 提交 到 App Store 的 时 候 。 
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D 图 标 一 一 当 你 创建 一 个 iPhone 应 用 时 需要 开发 出 一 套图 标 包含 在 Publishing Settings (发 
布设 置 ) 里 。 需 要 有 29x29、57x57 和 512 x512 的 PNG 文件。 如 果 你 在 做 一 个 让 ad 应 
用 ， 则 还 需要 48x48 和 72x72 的 PNG 文 件 。 

口 屏幕 过 渡 图 片 一 一 当 应 用 在 设备 上 加 载 时 显示 的 图 片 。 

D 一 台 Mac 电脑 一 一 在 本 书写 作 时 ,用 户 可 以 在 Windows 开发 游戏 ,在 Windows 上 测试 它 ， 
把 它 传 到 iPhone 上 ， 在 Windows 为 提交 应 用 前 做 所 需 的 一 切 准 备 。 不 过 要 将 应 用 文件 上 
传 到 应 用 商店 的 话 ， 用 户 需要 运行 一 个 只 能 在 Mac 上 运行 的 程序 。 


























说 明 


需要 一 部 Mac 电脑 来 将 应 用 上 传 到 应 用 商店 通常 来 说 并 不 是 个 问题 。 大 部 分 应 用 是 
XCode， 也 就 是 只 在 Mac 电脑 上 运行 的 苹果 自己 的 开发 环境 开发 的 。Flash 是 少数 可 必 
Windows 开发 iPhone 应 用 的 途径 之 一 。 所 以 ， 对 于 绝 大 多 数 应 用 开发 者 来 说 ， 所 谓 的 
Mac 上 传 的 问题 从 来 就 不 是 他 们 关心 的 。 














































































































































































































合 洱 疾 








现在 , 所 有 这 些 都 是 容易 变化 的 。 对 于 需要 你 向 苹果 开发 者 网 站 提供 的 东西 和 你 从 它 上 面 取 
得 的 东西 来 说 尤其 如 此 。 

如 果 遍 览 互联 网 上 的 让 hone 开发 者 论坛 的 话 ， 你 会 发 现 有 很 多 痛苦 是 关于 签名 证 书 以 及 供 
应 许可 的 。 你 必须 仔细 反复 阅读 苹果 公司 网 站 上 的 信息 ,并 且 有 时 需要 几 次 尝试 才能 从 正确 的 地 
方 歼 得 正确 的 文件 。 

如 果 和 希望 成 功 建立 iPhone 应 用 的 话 ，Adobe 网 站 上 的 记 hone 应 用 开发 页 面值 得 你 反复 阅读 。 
而 且 ，Adobe 网 站 上 的 论坛 也 为 创建 Phone 应 用 的 Flash 开发 者 特别 准备 了 专栏 ， 你 可 以 在 上 面 
找到 同道 的 帮助 和 情谊 : 

Adobe 的 Packager for iPhone 文档 : 

http://help.adobe.com/en US/as3/iphone/ 

Packager for iPhone 论坛 : 





http://forums.adobe.com/community/labs/packagerforiphone 

你 也 要 确保 有 最 新 版 本 的 Packager for iPhone。 随 CS5 安装 的 那个 很 可 能 不 是 最 新 的 。 你 可 
以 在 这 儿 找 到 它 : 

http://labs.adobe.com/technologies/packagerforiphone/ 


15.1.2” 为 IOS 的 发 布 


创建 一 个 iPhone 应 用 就 是 告诉 Flash 你 想 要 发 布 一 个 .ipa (iPhone App) 文件 而 不 是 一 个 .swf 
文件 。 你 要 在 Publish Settings (发 布设 置 ) 里 告诉 它 。 

再 次 快速 浏览 1.8 节 。 在 图 1-17 中 ， 你 可 以 看 到 播放 器 被 设置 为 Flash Player 10。 这 就 意味 
着 你 的 Flash 影片 被 发 布 成 能 被 上 传 到 网 页 并 通过 Flash 播放 器 播放 的 .swf 文 件 。 
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要 创建 一 个 iOS 应 用 ， 你 需要 将 这 个 播放 器 设置 改 为 Phone OS。 改 了 之 后 ， 那 个 项 目 右边 
的 按钮 变 成 了 显示 Settings (设置 )， 单 击 它 。 

1. 常规 设置 

图 15-1 显示 了 在 iPhone OS 设置 对 话 框 里 的 3 个 选项 卡 (tab)。 在 这 里 , 你 可 以 定义 文件 名 、 
应 用 程序 名 称 和 版 本 号 。 文 件 名 不 是 非常 重要 ， 而 应 用 程序 名 称 就 是 玩家 在 他 们 iPhone 里 的 图 
标 下 看 到 的 名 称 。 








iPhone OS Settings 


{FGeneral | Deployment | Icons 








Output file: islidingPuzzle.ipa 





name: iSlidingPuzzle 





ion: 1.0 
ctratio: [landsape 网 
DFull screen 


DD Auto orientation 


力图 


Included files: islidin， ngPuz zzle.swf 
islidingPuzzle-app.xml 

















图 15-1 在 iPhone OS Setting 面板 的 General (常规 ) 选项 卡 下 设置 应 用 程序 名 称 和 
其 他 属性 

你 现在 需要 将 你 的 应 用 程序 开始 时 的 aspect ratio (高 宽 比 ) 设置 为 Landscape (横向 ) 还 是 
Portrait 〈 纵 向) ， 并 决定 是 让 你 的 应 用 程序 充满 屏幕 还 是 留 些 空间 给 状态 栏 。 

如 果 勾 选 了 Auto orientation (自动 方向 )， 那 么 你 的 应 用 程序 将 能 够 在 用 户 翻转 设备 的 时 候 
跟着 旋转 。 而 你 需要 编码 让 你 的 游戏 能 够 应 付 这 种 变化 一 一 并 非 轻松 的 任务 。 

下 面 , 你 要 将 Rendering (呈现 ) 设置 为 GPU, 这 意味 着 你 的 应 用 程序 会 使 用 iPhone 的 图 形 
芯片 。 男 一 个 选项 是 CPU (中 央 处 理 器 ) ， 也 就 是 不 使 用 图 形 芯 片 。 如 果 选 择 要 使 用 GPU (图 形 
处 理 器 )， 你 就 需要 努力 优化 你 的 游戏 以 利用 硬件 加 速 。 相 关 方 面 请 看 15.5 节 。 

在 Device (设备 ) 一 栏 ， 选 择 iPhone、iPad 或 iPhone and iPad (iPhone 和 Pad)。 头 两 个 设 
置 成 相应 的 屏幕 尺寸 ， 而 最 后 一 个 选项 让 你 可 以 为 让 ad 进行 合适 的 缩放 。 

Included files (包含 的 文件 ) 部 分 让 你 捆绑 其 他 文件 到 你 的 游戏 ， 比 如 支持 图 片 的 XML 文 
件 等 。 
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说 明 


想 要 给 你 的 游戏 一 个 载 入 界面 吗 ? 把 它 作为 Defaultpng 包含 在 Included files 部 分 。 这 个 图 
会 在 你 的 应 用 被 装载 的 同时 显示 出 来 并 在 应 用 程序 准备 好 运行 之 前 一 直 留 在 屏幕 上 。 



























































2. 部 署 设置 

下 一 个 选项 卡 是 Deployment (部 署 )， 如 图 15-2 所 示 。 这 里 是 输入 你 的 开发 者 证 书 和 供 

给 配置 文件 的 地 方 。 实 际 上 你 需要 把 证 书 导出 成 一 个 .p12 文件 。 到 这 里 搜索 “.p12” 研 究 最 新 
方法 ; 

http://help.adobe.com/en US/as3/iphone/ 








iPhone OS Settings 








上 General wDeployment™ Icons | 





iPhone Digital Signature 
Use an iPhone certificate (.p12) 人 More Info 


Certificate: [...U2/Experiments/Certificates.p12 国 | 加 | 








Password: ero0eee 


[el Remember password for this session 





Provisioning profile: [...s/Sliding_Puzzle.mobileprovision 同 加 | 


App ID: | slidingPuzzle 


iPhone deployment type 





@ Quick publishing for device testing 
OO Quick publishing for device debugging 
© Deployment - Ad hoc 


© Deployment - Apple App Store 





@ Publish ) Cancel ) (一 OK 一 

















图 15-2 在 部 署 设置 部 分 ， 你 要 把 你 的 证 书 和 供给 配置 文件 包含 进去 


每 个 证 书 都 带 有 一 个 密码 。 你 每 次 运行 Flash 的 时 候 都 需要 在 这 里 键入 它 。 

App ID (应 用 程序 ID) 必须 匹配 你 在 创建 供给 配置 文件 时 使 用 的 也。 这儿 是 许多 头痛 问题 
的 开始 之 处 。 当 你 第 一 次 试 着 发 布 一 个 iOS 游戏 时 , 很 有 可 能 有 某 些 东 西 是 不 太 正 确 的 。 可 能 是 
你 的 证 书 并 未 准确 建立 ， 你 的 供给 配置 文件 和 ID 不 匹配 ， 也 可 能 是 其 他 情况 。 如 果 你 第 一 次 就 
全 部 做 对 了 ， 那 你 大 了 不 起 了 。 
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deploymenttype (部 署 类 型 ) 的 设置 根据 开发 阶段 而 有 所 不 同 。 从 Quick Publishing for Device 
Testing (用 于 设备 测试 的 快速 发 布 ) 开始 吧 ， 这 也 是 我 们 在 这 章 的 其 余 内 容 里 所 用 到 的 。 当 你 更 
进一步 的 时 候 ， 你 就 要 选择 后 面 两 个 部 署 设 置 中 的 一 个 来 完成 你 的 游戏 并 部 署 它 。 





说 明 








Flash 和 XCode 有 设备 测试 和 部 署 模式 是 有 原因 的 。 前 一 个 模式 创建 一 个 理论 上 可 以 在 用 
XCode 编写 的 iPhone 模拟 器 上 生效 的 快速 浮动 文件 。 它 在 Mac 的 处 理 器 和 iPhone 处 理 器 

















上 运行 。 























者 是 为 专门 在 iPhone 处 理 














器 运行 而 优化 过 的 文件 。 



















































































不 必 使 用 让 hone 模拟 器 来 测试 你 的 游戏 ， 因 为 我 们 可 以 使 用 Flash 自己 的 模拟 器 。 不 过 为 你 
的 影片 创建 一 个 设备 测试 的 版 本 仍然 比 一 个 部 署 版 本 所 需 的 时 间 更 短 。 所 以 目前 仍 维持 那个 设 
置 ， 不 过 最 终 你 会 在 最 后 阶段 在 iOS 设备 上 测试 你 的 游戏 。 
3. 图 标 
最 后 的 iPhone OS 设置 选项 卡 给 你 带 来 一 个 图 标清 单 。 你 可 以 通过 在 清单 里 选择 并 在 驱动 器 





上 查找 图 





这 些 


片 来 指定 每 一 个 
图 15-3 显示 了 这 个 清单 选择 系统 ， 它 带 有 一 个 预览 窗 








到 15-3 ”你 需 








图 标 都 是 位 图 ， 





图 标 。 





口 让 你 可 以 确保 找到 正确 的 文件 。 





iPhone OS Settings 








| General Deployment Icons | 





ic 
icon 57x57 


512x512 
icon 48x48 (iPad) 
icon 72x72 (iPad) 








回 男 








@ (Publish ) ( cancel ) 


em 

















至 少 放 进 3 个 图 标 ， 而 如 果 想 让 游戏 出 现在 iPad 上 的 话 还 要 更 多 


通常 为 .PNG 文件。 如 果 没 有 其 他 工具 


(如 Fireworks 或 Photoshop) 的 
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话 ， 你 可 以 使 用 Flash 来 创建 它们 。 创 建 一 个 512 x 512 的 Flash 影片 然后 建立 你 的 图 标 。 接 着 ， 
把 它 输出 成 各 个 尺寸 的 图 片 。 这 个 512 x 512 的 图 标 在 最 终 将 你 的 应 用 程序 提交 到 苹果 App Store 
时 要 用 到 。 





说 明 


制作 图 标的 时 候 你 无 需 操 心 通常 在 iOS 应 用 图 标 上 可 以 看 见 的 圆 激 边 角 和 泡 泡 高 光 。 苹 
果 公司 和 iOS 会 自动 添加 的 。 只 需 创建 一 个 平整 的 、 方 的 、 好 看 的 图 标 就 行 了 。 

































































15.1.3 iOS 游 戏 的 建立 过 程 


iOS 游戏 建立 过 程 可 分 成 几 个 阶段 。 

1. 开发 游戏 

这 一 部 分 和 网 页 游戏 开发 一 样 。 唯 一 的 不 同 就 在 于 你 必须 在 开发 时 考虑 到 目标 平台 。 

显然 ， 你 正在 做 的 游戏 是 为 Phone (或 iPad) 屏幕 建立 的 ， 要 采用 触摸 而 不 是 鼠标 或 键盘 的 
输入 方式 。 而 基本 类 库 、ActionScript 3.0 类 、 影 斤 剪 辑 和 游戏 国 数 等 都 是 不 变 的 。 

测试 时 还 是 使 用 同样 的 Control (控制 ) 一 Test Movie (测试 影片 ) 菜单 项 ， 你 仍然 要 做 一 个 
能 带 给 玩家 欢乐 的 优秀 游戏 。 

2. 测试 时 使 用 iOS 发 布 

当 你 接近 完成 游戏 的 时 候 , 你 就 开始 想 要 通过 选择 Control->Test Movie>In AIR Debug Laun- 
cher(Mobile) 进 行 测试 了 。 这 个 选项 只 有 在 你 选择 iPhone OS 作为 你 的 播放 器 发 布设 置 时 才 可 用 。 

这 个 测试 环境 更 近似 地 模拟 你 的 游戏 在 iPhone 上 播放 的 情况 。 你 也 可 以 在 Device 菜单 里 选 
择 模 拟 旋转 选项 。 

3. 在 iPhone 上 测试 

下 一 步 就 是 开始 在 你 的 iOS 设备 上 进行 测试 。 这 时 应 该 稍微 放 慢 脚步 。 要 在 iPhone 上 测试 
的 话 ， 你 必须 把 影片 发 布 成 .ipa 文件 。 然 后 你 必须 让 iPhone 通过 iTunes 连 上 电脑 ， 把 .ipa 文件 拖 
到 iTunes 里 ， 接 着 将 那个 应 用 程序 同步 到 iPhone 上 。 

这 比 用 Command+Return 做 测试 花 的 时 间 要 多 很 多 。 发 布 成 .ipa 文件 至 少 需要 一 分 钟 。 接着， 
你 必须 通过 iTunes 将 文件 移动 到 iPhone 上 。 

如 前 所 述 ， 到 Adobe 网 站 查看 关于 整个 过 程 的 最 新 信息 ， 因 为 可 能 有 更 新 。 























说 明 


有 一 种 失败 的 情况 发 生 在 党 试 让 iPhone 更 新 应 用 程序 版 本 的 时 候 。 一 般 来 说 ， 你 应 该 先 
用 iTunes 从 让 hone 中 删除 这 个 应 用 程序 。 然 后 在 iTunes 里 用 新 的 版 本 取代 旧版 本 之 后 ， 
训 国 25 一 Ye 
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现在 ， 为 了 让 游戏 在 你 的 iPhone 上 运行 ， 你 需要 让 它 知道 你 的 供给 配置 文件 。 这 时 如 果 你 
的 Mac 上 有 XCode 的 话 就 会 很 方便 ， 因 此 即使 你 不 打算 使 用 这 个 开发 环境 ， 我 也 推荐 你 下 载 并 
安装 它 。 你 可 以 方便 地 检查 让 hone 的 供给 配置 文件 并 把 它 添加 到 你 的 游戏 中 去 。 

当 项 目 接近 尾声 的 时 候 ， 你 要 将 发 布设 置 从 Quick Publishing for Device Testing 改 为 
Deployment - Apple App Store。 编 译 .ipa 文件 需要 更 多 时 间 , 不 过 你 可 能 会 在 提交 应 用 程序 之 前 发 
现 其 中 的 一 些 问 题 。 

4. 发 送 给 苹果 公司 网 站 

如 果 你 已 经 正确 地 获得 了 证 书 和 供给 配置 文件 ,而且 已 经 在 iTunes 上 测试 了 应 用 程序 并 确定 
运行 良好 的 话 ， 那 就 意味 着 你 已 经 准备 好 提交 给 App Store 了 。 

不 过 相信 我 ,还 有 更 多 的 麻烦 。 你 必须 获取 一 个 新 的 供给 配置 文件 ， 用 于 分 发 。 你 要 从 苹果 
公司 网 站 上 基本 上 相同 的 地 方 来 获取 它 , 接着 需要 上 传 你 的 应 用 程序 到 苹果 公司 网 站 , 完整 的 包 
含 了 若干 图 标 副 本 、 截 屏 样 图 和 最 终 应 用 的 .zip 文件 压缩 包 形 式 。 

我 没有 深入 这 个 过 程 的 细节 , 因为 最 好 由 你 自己 去 查看 Adobe 公司 网 站 以 及 苹果 公司 网 站 上 
的 东西 。 同 时 ， 你 要 与 Adobe 论坛 上 的 其 他 开发 者 保持 沟通 来 紧 跟 潮流 。 

那么 ， 让 我 们 忘掉 所 有 这 些 管理 性 的 东西 重新 回 到 ActionScript 3.0 编程 上 来 吧 。 


15.2 ”设计 和 编程 的 注意 事项 


在 开始 创建 第 一 个 游戏 之 前 ， 让 我 们 看 看 你 必须 清楚 的 关于 设计 和 编程 的 一 些 特 殊 方面 。 
iPhone 游戏 开发 与 网 页 游戏 开发 有 几 点 不 同 。 
15.2.1 屏幕 尺寸 


幸好 ，Flash 的 默认 屏幕 尺寸 550 x 400 和 iPhone 的 默认 屏幕 尺寸 差 不 了 多 少 。 横 屏 模式 时 ， 
iPhone 屏幕 是 480 x 320， 直 立时 刚好 相反 ， 为 320 x 480。 




















El 











说 明 


iPhone 和 记 od Touch 2010 年 款 , 以 及 以 后 的 大 部 分 iOS 设备 都 有 个 特别 的 “retina 显示 屏 ”， 
它 实 际 上 有 640 x 960 的 分 辨 率 。 不 过 ， 看 上 去 屏幕 好 像 是 个 320 x 480 的 ， 在 每 一 个 像素 
点 里 面 有 4 个 小 像素 。 以 游戏 开发 为 目的 的 话 ， 你 可 以 把 它 当 成 320 x 480 的 屏幕 。 














































































































另 一 方面 ，iPad 有 个 大 很 多 的 屏幕 。 

所 以 , 一般 的 做 法 是 需要 重新 设置 游戏 尺寸 ， 或 从 一 开始 就 以 某 个 屏幕 尺寸 为 目标 进行 
开发 。 

一 般 而 言 ， 可 以 在 发 布设 置 里 关 掉 Auto orientation (自动 方向 ) 并 设 定 游戏 以 纵向 或 横向 运 
行 。 然 后 ， 知 道 你 的 影片 需要 哪 种 尺寸 的 话 ， 你 就 可 以 精确 地 设 定 影片 为 那 种 尺寸 。 


是 768 x 1024 或 1024 x768， 这 取决 于 你 持 有 它 的 


[TY 
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如 果 你 希望 你 的 游戏 可 以 根据 持 有 方向 进行 调整 的 话 ， 到 Adobe 的 Packager for iPhone 文档 
里 看 看 一 些 特别 的 Stage 对 象 里 针对 屏幕 的 事件 和 属性 。 


15.2.2” 非 网 页 


你 不 再 在 网 页 上 了 。 你 的 Flash 影片 现在 就 像 Mac 或 PC 上 的 独立 程序 一 样 ， 完 全 靠 它 自己 
运行 了 。 其 至 ， 由 于 iOS 设备 每 次 只 能 显示 一 个 应 用 , 你 的 应 用 对 于 用 户 来 说 就 是 唯一 可 见 的 内 
容 。 因此， 如 果 你 曾经 依靠 网 页 上 的 文字 或 链接 给 出 如 何 玩 的 文档 或 信息 的 话 , 现在 这 类 信息 则 
必须 全 都 放 到 你 的 影片 里 了 。 换 名 话说 ， 它 必须 自 备 信息 。 


15.2.3 ”触摸 
停止 萎 虑 单 击 转 而 考虑 触摸 。 不 过 ， 它 们 基本 上 是 相同 的 东西 ， 不 是 吗 ? 嗯 ， 它 们 可 以 是 一 


样 的 。 例 如 ，MouseEvent .MOUSE_DOWN、MouseEvent .MOUSE_UP 和 MouseEvent .CLICK 在 
iPhone 上 仍然 有 效 。 

你 也 可 以 使 用 新 的 事件 如 TouchEvent .TOUCH_TAP 来 指定 对 触 碰 的 反应 。 它 优 于 鼠标 事 
件 的 地 方 在 于 ， 可 以 让 你 获得 这 些 事件 的 stagex 和 stageY 属性 ， 精 确 地 告诉 你 触摸 发 生 的 
位 置 。 

因此 , 你 拥有 一 整套 的 触摸 事件 , 它们 的 每 一 个 都 会 返回 一 个 位 置 。 比方 说 , 其 中 有 TOUCH_ 
BEGIN、TOUCH_END 和 TOUCH_MOVE 等 事件 。 你 可 以 跟踪 手指 “ 画 ” 过 屏幕 的 过 程 。 

而 且 ，Flash 里 某 些 手势 会 产生 事件 。 例 如 ，GestureEvent .GESTURE_TWO_FINGER_TAP 
在 用 户 用 两 个 手指 触摸 的 时 候 会 被 激活 。 想 要 对 此 进行 研究 的 话 , 你 可 以 在 文档 列 出 的 内 容 里 找 
到 更 多 。 

对 于 我 们 在 此 创建 的 游戏 来 说 ， 并 不 需要 标准 的 单 击 和 触摸 之 外 的 交互 。 

要 清楚 我 们 放弃 了 什么 。 疫 有 鼠标 ， 屏 幕 上 就 没有 光标 。 没 有 光标 ， 也 就 没有 光标 位 置 。 如 
果 玩 家 不 进行 触摸 , 行为 就 没有 焦点 。 这 就 排除 了 那些 让 物体 跟随 光标 而 不 是 对 单 击 作出 反应 的 
游戏 。 





















































说 明 


当然 ， 你 也 没有 键盘 。 如 果 你 有 文本 字段 需要 用 户 输 入 某 些 东西 的 话 也 会 有 一 个 键盘 出 
现 。 但 是 ， 在 我 们 的 游戏 里 ， 键 盘 是 被 用 来 直接 操纵 游戏 的 ， 比 如 方向 键 或 空格 键 的 使 
用 。 你 需要 用 屏幕 按钮 来 代 蔡 这 类 控制 或 使 用 加 速 计 来 把 倾斜 角度 翻译 成 转向 指令 。 























































































































15.2.4 ”处 理 器 速度 


虽然 iPhone 是 个 出 色 的 设备 ， 但 它 毕 竞 不 是 电脑 。 其 中 的 微型 处 理 器 为 电力 消耗 所 作 的 优 
化 远大 于 你 的 台式 机 或 笔记 本 。 所 以 ， 你 可 能 会 发 现 你 的 游戏 在 iPhone 上 运行 并 没有 那么 快 。 15 
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我 们 在 15.5 闻 提 供 了 一 些 优化 ActionScript 3.0 代码 的 方法 。 





15.2.5 ”加 速 计 


没有 光标 、 屏 幕 尺 寸 较 小 、 处 理 器 还 更 慢 ， 听 上 去 iPhone 并 不 像 是 一 个 游戏 设备 。 不 过 等 
等 ， 我 把 最 好 的 留 在 了 最 后 说 ! 
加 速 计 是 所 有 iOS 设备 里 的 动作 检测 传感器 的 集合 。 它 们 监测 的 是 加 速度 , 而 不 是 位 置 ， 这 
也 是 大 多 数 开发 者 会 名 略 的 一 个 要 点 。 
iPhone 如 何 知 道 它 自己 是 被 横 置 而 非 竖 放 的 呢 ? 嗯 ， 别 忘 了 重力 加 速度 也 是 一 种 加 速度 形 
式 。 一 部 让 hone 在 竖 放 的 时 候 承 受 的 是 一 种 重力 加 速度 。 它 被 横 置 时 承受 的 又 是 另 一 个 方向 的 
重力 加 速度 。 无 论 你 如 何 缓慢 地 转动 你 的 让 hone， 它 仍然 清楚 自己 的 朝向 。 
当 你 理解 了 加 速 计 是 在 测量 重力 对 于 设备 的 影响 之 后 ， 你 就 能 明白 来 自 Accelerometer 
类 的 数字 了 。 或 者 ， 你 可 以 猜测 再 测试 并 让 你 的 游戏 如 你 所 期 望 的 运行 一 一 那 可 能 是 许多 开发 
者 的 工作 方式 。 
Accelerometer 类 定期 发 出 AccelerometerEvent .UPDATE 事件 允许 你 捕获 并 利用 。 接 
着 你 可 以 得 到 每 次 事件 的 accelerationX、accelerationY 和 accelerationz 值 。 
你 可 以 添加 以 下 代码 来 观察 加 速 计 。 它 先 检查 加 速 计 是 否 被 支持 ， 然 后 创建 一 个 新 的 对 象 。 
接着 它 开始 将 事件 发 送 到 某 个 函数 。 
if (Accelerometer.isSupporte(d){ 
accelerometer = new Accelerometer(); 
accelerometer.addEventListener (AccelerometerEvent .UPDATE, 


accelerometerHandler);} 


} 
那个 函数 可 以 接着 从 中 释放 出 所 有 3 个 方向 的 数据 : 


private function accelerometerHandler((e){ 
Var aX = e.accelerationx; 
Var aY = e.accelerationYy; 
= e.accelerationz; 























Var azZ 


} 

值 都 在 -1 到 1 之 间 。 例 如 ， 如 果 你 把 Phone 倾斜 到 一 边 ， 你 会 得 到 一 个 从 0 增加 到 1 的 
accelerationX 值 。 而 当 你 把 它 倾 斜 到 另 一 边 时 ， 值 会 降 为 -1。 那 就 是 在 量度 沿 着 亏 轴 的 重力 
加 速度 。 

使 用 加 速 计 的 一 个 难点 在 于 ， 如 何在 没有 建立 完整 的 .ipa 文件 并 同步 到 让 hone 的 情况 下 测 
试 游戏 。 一 个 方法 是 为 游戏 提供 可 选 的 键盘 控制 在 Accelerometer.isSupported 为 false 
时 使 用 。 

另 一 个 方法 是 利用 Flash CS5 的 设备 中 心 功 能 。 虽然 这 个 功能 是 让 你 在 各 种 平台 下 测试 Flash 
影片 的 运行 情况 ， 但 是 它 却 并 不 支持 Phone OS。 不 过 你 仍然 可 以 用 它 来 测试 游戏 。 

把 发 布设 置 从 让 hone OS 改 回 Flash Player 10。 然 后 ， 选 择 Control 一 Test Movie 一 In Device 
Central。 右 边 有 几 个 面板 ， 其 中 一 个 是 加 速 计 模拟 器 ， 你 可 以 在 图 15-4 看 到 它 。 
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图 15-4 设备 中 心 并 非 为 Phone 测试 而 建 ， 不 过 它 用 起 来 也 很 方便 


下 面 我 们 来 建立 两 个 iPhone 游戏 示例 。 第 一 个 例子 展示 出 改编 本 书 早 前 所 做 的 一 个 游戏 到 
iPhone 上 是 多 么 的 容易 。 第 二 个 例子 创建 一 个 使 用 iPhone 和 移动 设备 特殊 性 能 的 采用 加 速 计 的 游戏 。 


15.3 ” 滑 块 拼图 改编 


这 本 书 的 很 多 游戏 都 可 以 容易 地 改编 成 让 hone 版 。 我 们 拿 第 6 章 中 的 请 块 拼图 游戏 来 做 例 
子 说 明 。 

要 让 这 个 游戏 能 在 iPhone 上 运行 ， 我 们 几乎 不 需要 更 改 什 么 。 我 们 所 需要 做 的 就 是 调整 屏 
幕 尺寸 并 确保 包含 了 外 部 图 片 。 


15.3.1 调整 屏幕 尺寸 


这 个 游戏 有 3 帧 。 第 一 帧 和 最 后 一 帧 在 时 间 轴 上 布局 。 我 们 要 在 更 改 了 屏幕 尺寸 之 后 再 调整 
它们 。 

我 们 让 这 个 游戏 主要 运行 在 横向 模式 是 因为 样 例 图 片 宽 比 高 长 。 我 们 要 一 个 480 x 320 的 文 
档 尺 寸 ， 稍 微 比 原始 尺寸 550 x 400 小 一 点 。 

你 可 以 选择 Modify 一 Document 菜单 或 在 人 舞台 被 选 定时 单 击 属性 查看 器 里 size 属性 旁 的 
Edit 按钮 。 图 15-5 展示 了 480 x 320 的 影片 ， 其 尺寸 由 舞台 右 侧 定 义 。 

在 图 15-5 中 , 你 也 可 以 看 到 开始 屏幕 里 的 文本 和 按钮 都 重新 根据 新 的 文档 尺寸 进行 了 居中 。 
游戏 结束 帧 中 的 文本 和 按钮 也 需要 进行 同样 的 处 理 。 
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Sliding Puzzle 
Click to slide a puzzle 


piece. Try to put the 
picture back together. 
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图 15-5 现在 游戏 是 480 x 320， 而 图 片 也 为 匹配 它 进行 了 调整 


我 们 还 需要 调整 代码 。 幸 好 图 片 本 身 已 经 足够 小 到 可 以 适应 新 的 文档 尺寸 , 不 过 也 需要 重新 
居中 。 还 记得 我 们 在 类 的 开始 处 如 何在 常量 里 设置 横 轴 和 纵 轴 的 偏 移 量 的 吗 ? 好 了 , 现在 改 起 来 
非常 方便 ， 因 为 我 们 只 需要 修改 这 些 常 量 就 可 以 重新 定位 拼图 让 它 居中 : 

static const horizOffset:Number = 40; 

static const vertOffset:Number = 10; 


这 是 把 SlidingPuzzle.as 变 成 iSlidingPuzzle.as 时 唯一 需要 修改 的 两 行 代码 。 图 片 是 400 x 300 
的 ， 因 此 (40,10) 的 偏 移 量 可 以 很 好 地 让 它 在 屏幕 上 居中 。 


15.3.2 ”更 改 发 布设 置 


接 下 来 ， 关键 就 在 于 更 改 发 布设 置 让 影片 发 布 为 一 个 iPhone 应 用 而 不 是 .swf 文 件 。 

在 15.1.2 节 中 提 到 了 基本 的 方面 。 要 让 应 用 程序 名 称 短 些 以 恰好 配合 到 屏幕 上 的 图 标 ，iSIi- 
dingPuzzle 刚好 勉强 满足 要 求 。 

然后 ， 把 屏幕 比例 设 为 Landscape (横向 ) 一 Full Screen (全 屏 )。 设 不 设 自动 旋转 等 很 多 其 
他 设置 都 随 你 。 当 你 让 游戏 在 Phone 上 进行 第 一 次 运行 的 时 候 ， 你 可 以 试验 其 中 的 一 些 设置 。 


15.3.3 包含 图 片 


网 页 版 的 清 动 拼图 的 图 片 是 和 .swf 一 起 存储 在 服务 器 里 的 slidingimage.jpg。 而 作为 iPhone 
游戏 的 话 ， 我 们 需要 把 所 有 的 外 部 文件 都 塞 进 iPhone 应 用 包 里 。 

我 们 可 以 通过 先前 看 过 的 iPhone OS 设置 来 做 这 些 。 通 过 选择 File (文件 ) 一 Publish Settings 
(发 布设 置 )， 然 后 单 击 Player (播放 器 ) : iPhone OS 旁 的 Settings 按钮 ， 我 们 可 以 得 到 和 图 15-1 
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所 示 一 样 的 对 话 框 。 也 可 以 在 设置 了 让 影片 发 布 到 iPhone OS 之 后 选择 File->iPhone OS Settings 


来 打开 这 个 对 话 框 。 
图 15-6 显示 我 们 已 经 把 slidingimage.jpg 添加 到 了 包含 文件 的 清单 里 。 我 们 是 通过 单 击 图 上 


所 见 的 + 号 按钮 并 选择 文件 来 把 它 加 进 清 单 的 。 


iPhone OS Settings 














[FGeneral Deployment Icons | 





‘Output file: islidingPuzzle.ipa 





App name: islidingPuzzle 


Version: 1.0 


Aspect ratio: | Landscape 


Rendering: 


Device: | iPhone 


Included files:|i 
iSlidingPuzzle-app.xml 
slidingimage.jpg 
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可 以 在 iPhone OS Settings 里 的 General 选项 卡 下 添加 外 部 文件 到 iPhone 应 用 里 





色 15-6 











15.3.4 ”发 布 
这 时 候 试 下 发 布 。 没 有 出 现 你 见 惯 了 的 测试 窗口 , 取而代之 的 是 一 个 名 叫 adl 的 程序 在 运行 ， 
而 你 的 影片 就 在 那儿 展示 出 来 。 如 果 方 向 错 了 ， 使 用 Device (设备 ) 菜单 里 的 选项 来 调整 它 。 
把 这 个 文件 拖 进 iTunes 里 并 同步 你 的 iOS 设备 。 如 果 一 切 顺利 的 话 ， 你 应 该 可 以 看 见 它 在 
iPhone 上 运行 了 ， 如 图 15-7 所 示 。 你 需要 把 文件 拖 进 iTunes 右 侧 的 库 里 面 。 








图 15-7 ”请 动 拼图 游戏 在 Phone 上 可 以 运行 了 
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15.4 弹子 迷宫 游戏 


下 面 ， 我 们 从 零 建立 一 个 游戏 ( 呢 ， 也 不 完全 是 从 零 了 ) 。 我 们 将 采用 和 第 12 章 的 俯视 图 轰 
驶 游戏 里 相同 的 碰撞 检测 概念 。 不 过 ,这 次 玩 的 并 非 在 路 上 的 一 辆 车 ,而 是 在 屏幕 上 深 来 深 去 的 
弹子 。 我 们 也 不 使 用 方向 键 来 控制 弹子 ， 而 是 使 用 让 hone 的 加 速 计 ! 

图 15-8 展示 了 这 个 游戏 。 在 游戏 开始 时 会 在 右上 方 有 一 个 弹子 。 屏 幕 上 的 道路 两 旁 都 是 
在 中 心 有 个 让 弹子 钻 进去 的 小 洞 。 











图 15-8 ”弹子 迷 宣 游戏 可 以 方便 我 们 了 解 加 速 计 在 游戏 里 的 使 用 


游戏 创意 是 通过 倾斜 设备 让 球 深 动 。 玩 家 要 当 作 真 的 有 个 球 在 那里 , 而 且 通 过 倾斜 设备 , 球 
是 会 向 下 滚动 的 。 游 戏 目标 是 引导 球 到 屏幕 中 间 的 洞 里 面 。 


15.4.1 建立 类 


影片 用 我 们 传统 的 三 帧 法 建立 : 游戏 开始 、 游 戏 和 游戏 结束 帧 。 库 里 面 有 第 1 和 第 3 帧 所 需 
的 字体 和 按钮 。 还 有 一 个 Marble 和 Hole 影片 剪辑 、 一 个 Block 影片 剪辑 和 一 个 GameMap 影 
和 最 后 两 个 和 俯视 图 驾驶 游戏 里 一 样 用 来 定义 弹子 可 以 深 动 的 区 域 。 有 需要 的 话 马 上 回顾 下 
第 12 章 的 例子 。 
除了 导入 之 前 游戏 里 你 所 认识 的 类 之 外 , 我 们 还 需要 flash.sensors.Accelerometer 的 
类 定义 : 


package { 
import flash.display.*; 
import flash.events.*; 
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import flash.text.*,; 

import flash.geom.*; 

import flash.utils.getTimer; 

import flash.sensors.Accelerometer; 


为 了 做 好 碰撞 检测 ， ed eh holeDist 是 从 弹子 
中 心 到 洞口 中 心 之 间 的 距离 ， 它 用 于 判断 游戏 的 结束 与 否 。 地 图 的 边界 也 在 一 个 Rectangle 对 
象 里 标注 了 : 


public class MarbleMaze extends MovieClip { 





/ /常量 

static const speed:Number = .3; 
static const marbleSize:Number 
static const holeDist:Number = 
static const mapRect:Rectangle 


挡 板 (block) 的 位 置 都 存储 在 blocks 数组 里 : 
/ /游戏 物体 


private var blocks:Array; 


我 们 需要 一 个 变量 来 保存 Accelerometet 对 象 , 就 像 我 们 在 另 一 个 游戏 里 使 用 一 个 变量 来 
保存 Timer 对 象 一 样 : 


//Accelerometer 对 象 
private Var accelerometer :Object:， 


剩 下 的 变量 中 有 一 对 属性 是 保存 弹子 速度 的 ,而 lastTime 变量 让 我 们 可 以 使 用 基于 时 间 的 
动画 : 


分 介 广 


| 1 | 


new Rectangle(2,2,316,476); 


/ /游戏 变量 
private var dx,dy:Number; 
private Var lastTime:int; 


15.4.2 ”开始 游戏 


当 游 戏 进 行 到 play 帧 时 ， 它 会 在 时 间 轴 调用 startMarpleMaze。 该 国 数 开始 寻找 在 
GameMap 里 的 挡 板 ， 登 记 以 供 之 后 的 检测 碰撞 使 用 : 


public function startMarbleMaze() { 





// 找 出 挡 板 
findBlocks (); 


弹子 开始 时 的 速度 设 为 0， 虽 然 并 没有 保持 多 人 入: 
// 设 好 起 始 运 动 状 态 
dx = 0.0; 
dy = 0.0; 


随 着 帧 的 播放 ， 我 们 推动 弹子 并 查看 是 否 磁 到 了 洞 : 
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// 添 加 侦 听 器 
this.addEventListener (Event .ENTER_ FRAME,gameLoop); 
be 我 们 才 可 以 从 它 那 里 获得 事件 。 如 果 加 速 计 不 
能 启用 的 话 ， 我 们 就 设置 一 些 键盘 事件 。 这 么 做 让 我 们 至 少 可 以 在 Mac 或 PC 上 测试 游戏 时 移 
动弹 子 ， 








说 明 


要 知道 播放 影片 的 设备 是 否 有 加 速 计 ， 使 用 Accelerometer.isSupported。 它 只 
和 在 有 加 速 计 的 情况 下 返回 zue。 你 没准 想 开发 既 能 在 Mac/PC 也 能 在 Phone 上 运行 的 
游戏 。 这 种 情况 下 ， 在 建立 加 速 计 事 件 之 前 先进 行 此 番 检 查 是 很 重要 的 。 











































































































/ /建立 加 速 计 或 用 方向 键 模拟 

if (Accelerometer.isSupporte(d)t{ 
accelerometer = new Accelerometer(); 
accelerometer.addEventListener (AccelerometerEvent .UPDATE, 

accelerometerHandler); 

} else { 
stage.addEventListener (KeyboardEvent .KEY_DOWN, keyDownFunction); 
stage.addEventListener (KeyboardEvent .KEY_UP, keyUpFunction); 
stage.focus = stage; 





} 


findBlocks 函数 遍历 gameSprite 里 的 所 有 对 象 , gameSprite 是 放 在 影片 第 2 帧 即 play 
帧 的 GameMap 实例 。 函 数 把 它们 放 到 blocks 数组 里 : 


public function findBlocks() 4 
blocks = new Array();} 
for(var i=0;i<gamesprite.numChildren;i++) { 
Var mc = gamesprite.getChildAt (i); 
if ‘(me Ls BLIOCGK) < 
blocks.push (mc); 





} 


15.4.3 ”游戏 实 操 


在 游戏 开始 之 后 ， 会 从 设备 定期 将 事件 发 送 到 accelerometerHandler。 我 们 获得 了 在 两 
个 方向 上 的 值 之 后 分 别 把 它们 直接 存储 到 ax 和 ay 变量 


private function accelerometerHandler((e){ 
dx = -e.accelerationx; 
dy = e.accelerationYy; 
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说 明 



























































的 过 程 中 ， 需 要 反复 的 试验 。 





反复 的 试验 已 经 表明 ， 我 们 需要 反 转 accelerationx 的 值 来 让 游戏 如 愿 进行 ， 比 如 
斜 向 左边 就 是 让 球 移 到 左边 。 在 让 加 速 计 的 输入 符合 你 所 预期 的 游戏 对 设备 倾斜 的 反应 


目前 如 果 我 们 在 电脑 上 测试 而 且 没 有 加 速 计 的 话 , 这 些 键盘 函数 会 直接 设置 gx 和 dy 的 值 。 
它们 对 于 游戏 实 操 来 说 并 不 精细 ， 不 过 可 以 帮助 你 测试 游戏 : 


public function keyDownFunction(event:KeyboardEvent) { 


上 


if (event.keyCode == 37) { 
dx = 一 57 

} else if (event.keyCode == 39) { 
dE 二 53 

} else if (event.keyCode == 38) { 
dy = -.5; 

} else if (event.keyCode == 40) { 
dy 


} 


public function keyUpFunction(event:KeyboardEvent) { 


’ 


if (event.keyCode == 37) { 
dt 三 0 

} else if (event.keyCode == 39) { 
dx EE 0 

} else if (event.keyCode == 38) { 
ty = 0 

} else if (event.keyCode == 40) { 
ty = Qs 


} 


游戏 的 主 国 数 执行 基于 时 间 的 移动 而 且 也 会 检测 弹子 与 洞 的 重合 : 


public function gameLoop (event :Event) { 


// 计 算 所 花 的 时 间 

if (lastTime == 0) lastTime = getTimer(); 
Var timeDiff:int = getTimer()-lastTime; 
lastTime += timeDiff,; 


/ /移动 弹子 


moveMarble (timeDiff); 


/ /检查 看 看 它 是 否 在 洞 里 


if (Point.distance (new Point (gamesprite.marble.x,gamesprite.marble.y) 


Point (gamesprite.hole.x, gamesprite.hole.y)) < holeDist) { 


endGame () ; 


Dew 
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15.4.4 ”碰撞 检测 


防止 弹子 穿 过 挡 板 的 代码 和 第 12 章 大 致 相同 。 每 一 块 板 的 矩形 都 被 检测 并 和 弹子 的 矩形 之 
间 进 行 度 量 。 如 果 它 们 重 倒 了， 弹子 会 退回 一 定 的 距离 : 
public function moveMarble (timeDiff:Number) { 
// 计 算 弹 子 的 当前 区 域 
Var marbleRect = new Rectangle (gamesprite.marble.x-marbleSize/2, 
gamesprite.marble.y-marbleSize/2, marbleSize, marbleSize); 








/ /计算 弹子 的 新 区 域 

Var newMarbleRect = marbleRect.clone(); 
newMarbleRect .x += dx*speed*timeDiff,; 
newMarbleRect.y += dy*speed*timeDiff,; 


/ /计算 新 的 位 置 
Var newX:Number = gamesprite.marble.x + dx*speed*timeDiff; 
Var newY:Number = gamesprite.marble.y + dy*speed*timeDiff; 


/ /遍历 挡 板 并 检查 碰撞 
for (var i:int=0;i<blocks.length;i++) { 


// 获 取 挡 板 和 矩形 ， 看 是 否 有 碰撞 
Var blockRect:Rectangle = blocks[i] .getRect (gamesprite); 
if (blockRect.intersects (newMarbleRect)) { 


/ /横向 退回 
if (marbleRect.right <= blockRect.left) { 
newX += blockRect.left - newMarbleRect .right; 


} else if (marbleRect.left >= blockRect.right) { 
newX += blockRect.right - newMarbleRect.1left; 
dx EQy 


// 纵 向 退回 

if (marbleRect.top >= blockRect .bottom) { 
newY += blockRect.bottom - newMarbleRect .top; 
Gy 三 Oy 

} else if (marbleRect.bottom <= blockRect.top) { 
newY += blockRect.top - newMarbleRect .bottom; 
dy = 0 


} 
我 们 也 要 检查 GameMap 的 各 个 边 。 一 个 做 法 就 是 在 玩 的 区 域外 围 放置 Block 对 象 。 


/ /检查 与 各 边 的 碰撞 
if ((newMarbleRect.right > mapRect.right) && (marbleRect .right <= 
mapRect .fight)) { 
newX += mapRect .right - DewMarbleRect .right: 
dx = 0 
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上 

if ((newMarbleRect.left < mapRect.left) && (marbleRect.left >= mapRect.left)) { 
newX += mapRect.left - newMarbleRect.left; 
交友" 03 


if ((newMarbleRect.top < mapRect.top) && (marbleRect.top >= mapRect.top)) { 
newY += mapRect .top-newMarbleRect .top; 
dy = 0; 


if ((newMarbleRect.bottom > mapRect .bottom) && (marbleRect .bottom <= 
mapRect .bottom)) { 
newY += mapRect .bottom - newMarbleRect .bottom; 
dy 三 

} 


/ /设置 弹子 的 新 位 置 
gamesprite.marble.x = newx; 
gamesprite.marble.y newY; 


说 明 


这 个 游戏 里 没有 提 到 的 一 个 因素 就 是 弹性 。 技 术 上 来 说 ， 如 果 一 个 弹子 滚 向 一 面 墙 然 后 
撞击 它 的 话 ， 它 会 弹 回 。 但 是 因为 游戏 平面 倾斜 的 万 向 和 弹 回 的 方向 相反 ， 玩 家 甚至 并 
不 会 察觉 到 这 种 微乎其微 的 弹力 。 














































































































15.4.5 ”游戏 结束 


当 弹 子 进 洞 时 ,游戏 在 一 系列 的 “清理 工作 ”之 后 就 跳 到 最 后 一 帧 。 至 于 清理 了 什么 就 看 我 
们 用 的 是 加 速 计 还 是 键盘 了 : 


public function endGame() { 

blocks = null:; 

this.removeEventListener (Event .ENTER_FRAME, gameLoop); 

if (Accelerometer.isSupporte(d){ 
accelerometer .removeEventListener (AccelerometerEvent .UPDATE, 

accelerometerHandler); 
accelerometer = null; 

} else { 
stage.removeEventListener (KeyboardEvent .KEY_DOWN, keyDownFunction); 
stage.removeEventListener (KeyboardEvent .KEY_UP, keyUpFunction); 

} 

gotoAndSstop ("gameover");} 


15.4.6 ”修改 游戏 
像 这 样 的 游戏 在 iPhone App Store 的 头 儿 个 月 里 并 不 那么 有 趣 以 吸引 下 载 。 不 过 ， 你 肯定 想 
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要 增加 更 多 功能 使 它 吸 引 玩 家 。 

多 关卡 是 必需 的 。 可 以 用 不 同 的 GameMap 影片 剪辑 来 实现 ， 或 者 通过 在 GameMap 里 的 一 
系列 帧 来 实现 。 关 卡 可 以 变 得 越 来 越 复 杂 。 

而 且 , 在 一 个 关卡 里 可 以 不 止 有 墙 和 一 个 调 。 也 可 以 有 多 个 洞 , 分 别 具 有 不 同 的 分 值 。 或 者 ， 
茶 些 洞 还 可 能 意味 着 过 关 失 败 而 非 成 功 。 

你 也 可 以 在 游戏 里 放 各 种 物体 供 收集 以 取代 钻 洞 。 设 个 计时 器 看 看 玩家 可 以 以 多 快速 度 滚 着 
弹子 集 齐 所 有 物件 。 迷 宫 挡 板 可 以 变 成 禁止 触 磁 的 物体 。 那 可 以 让 游戏 更 具 挑战 性 ， 实 际 上 却 让 


15.5 为 iOS 设备 而 优化 


Packager for iPhone 已 经 向 开发 者 提供 了 对 Flash 游戏 的 封装 。 革 果 App Store 对 开发 者 来 说 
是 个 新 的 分 发 渠道 和 获 利 来 源 。 但 是 这 里 并 非 Flash 做 主角 ， 因 为 大 多 数 应 用 都 是 用 苹果 公司 的 
XCode 环境 下 的 本 土语 言 Objective-C 建立 的 。 这 些 应 用 可 以 使 用 实时 3D 技术 并 且 可 以 比 作为 
Flash 开发 者 的 你 更 直接 地 访问 iPhone 处 理 器 。 

于 是 ， 许 多 Flash 开发 者 正在 寻找 优化 他 们 的 游戏 以 获得 更 快速 度 的 方法 。 方 法 有 很 多 。 我 
们 看 看 其 中 一 些 。 





























说 明 


这 些 优化 策略 可 以 被 所 有 Flash 开发 者 采用 ， 而 不 是 仅仅 用 于 制作 应 hone 游戏 。 如 果 你 
想 要 让 Flash 在 网 页 上 发 挥 最 大 性 能 ， 就 应 该 知道 如 何 使 用 这 些 技术 。 












































15.5.1 利用 GPU 和 位 图 缓存 


今天 所 有 的 电脑 都 有 一 个 专门 的 GPU 一 一 从 CPU 独立 出 来 的 专门 负责 把 图 形 放 到 屏幕 上 的 
一 套 世 片 , 而 CPU 则 处 理 剩 下 的 其 他 任务 。 而 在 不 久 前 , Flash 还 是 在 使 用 CPU 画 出 所 有 图 形 并 
仅仅 是 把 做 好 的 “产品 ” 交 给 GPU。 

现在 ， 你 可 以 让 Flash 利用 GPU 并 在 屏幕 上 更 快 地 泻 染 图 片 了 。 对 于 iPhone 应 用 ， 这 就 意味 
着 你 可 以 避 开 CPU 的 使 用 瓶颈 直接 把 一 些 图 片 发 给 屏幕 。 这 种 速度 提升 在 某 些 场合 下 是 很 惊艳 的 。 

利用 GPU 的 关键 在 于 显示 对 象 的 cacheAsBitmap 属性 。 每 次 Flash 在 屏幕 上 画 一 个 物体 时 ， 
它 把 矢量 图 片 泻 染 成 位 图 图 片 , 然后 把 它 添 加 到 屏幕 上 的 其 他 图 片 中。 位 图 缓存 强制 这 个 位 图 图 
片 留 在 内 存 里 。 下 一 次 再 要 画 这 个 物件 的 时 候 ，Flash 会 用 这 个 图 片 而 不 用 再 做 个 新 的 。 

显然 ,这 对 动态 或 以 某 种 方式 变化 的 影片 剪辑 并 没有 效 。 这 些 影 片 剪 辑 必须 保持 不 变 。 而 只 
能 改变 其 在 屏幕 上 的 位 置 。 
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你 有 两 种 方法 打开 位 图 缓存 。 第 一 种 就 是 在 属性 窗口 设置 这 个 属性 。 当 你 选中 了 在 舞台 上 的 
一 个 影片 剪辑 时 它 就 在 DISPLAY 项 下 面 ， 如 图 15-9 所 示 。 当 然 ， 这 上 只 有 在 影片 剪辑 在 时 间 轴 上 
时 才 有 效 。 
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图 15-9 ”你 可 以 用 属性 查看 器 将 影片 剪辑 设置 为 Cache as Bitmap 


另 一 方面 , 如 果 是 在 使 用 ActionScript 3.0 创建 Sprite, 你 需要 在 代码 里 设置 cacheAsBitmap 
属性 ， 如 下 所 示 : 

Var mySprite:MyLibraryObject = new MyLibraryObject (); 

mySprite.cacheAsBitmap = true; 

addChild(mySprite); 

我 在 这 个 例子 里 使 用 的 是 Sprite， 因 为 你 很 少 想 要 把 这 个 技术 用 在 影片 剪辑 上 。 记 住 Sprite 
是 只 有 一 帧 的 影片 剪辑 ， 或 是 只 停 在 特定 帧 的 影片 剪辑 。 如 果 目 标 是 影片 剪辑 并 且 是 动态 的 ,组 
存 它 毫 无 意义 ， 因 为 图 像 需 要 持续 更 新 。 

位 图 缓存 的 一 个 更 有 力 的 变种 就 是 cacheAsBitmapMatrix。 它 在 物体 旋转 或 缩放 时 依然 有 
效 。 你 要 激活 这 个 更 高 级 的 位 图 缓存 ， 就 务必 在 代码 里 进行 。 下 面 是 个 例子 : 

Var mySprite:MyLibraryObject 

mySprite.cacheAsBitmapMatrix 


mySprite.cacheAsBitmap = true; 
addChild(mySprite); 














new MyLibraryObject () ; 
new Matrix(); 


说 明 


cacheAsBitmapMatrix 属性 只 在 iOS 设备 或 其 他 某 些 设备 上 
并 不 使 用 ， 因 此 你 不 会 在 网 页 测试 时 看 到 任何 性 能 的 提高 。 
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用 。 在 Mac 或 PC 上 



























































当 为 1i0S 发 布 时 , 确保 你 在 记 hone OS 设置 里 的 General 选项 卡 上 选 了 Rendering setto GPU 
以 利用 位 图 缓存 。 
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该 属性 基本 上 是 告诉 cacheAsBitmap 以 特定 的 大 小 和 方向 存储 位 图 。 通 过 使 用 全 新 的 
Matrix 对 象 ， 简单 地 把 它 存 成 了 对 象 。 


15.5.2 ”对 象 池 


另 一 个 提升 性 能 的 技术 是 池 (pooling)。 池 指 的 是 当 你 创建 了 一 凶 子 的 显示 对 象 时 可 以 重用 它们 。 

例如 , 假设 你 有 个 可 以 发 射 导弹 的 太空 船 。 玩 家 可 以 对 目标 齐 射 一 批 导弹 。 有 了 时 屏幕 上 会 出 
现 一 打 其 至 更 多 。 它 们 出 现 了 ， 移动， 并 很 快 从 游戏 里 消失 。 

与 其 为 每 一 颗 导弹 创建 新 对 象 ， 用 aaaqchila 把 它 添加 到 显示 列表 ， 然 后 用 removeChild 
移 除 它 ， 你 更 希望 重用 这 些 对 象 。 

在 游戏 或 关卡 的 开始 之 时 , 创建 一 整套 这 类 对 象 并 把 它们 存储 在 一 个 数组 里 。 把 它们 放 到 屏 
幕 上 , 在 可 见 区 域 之 外 的 地 方 。 当 你 需要 其 中 一 个 的 时 候 ， 只 需要 改变 它 的 位 置 并 把 它 放 到 你 希 
望 它 出 现 的 地 方 。 当 你 用 完了 ， 把 它 再 次 移出 视野 即 可 。 

这 样 做 可 以 节省 资源 。 与 其 不 停 地 创建 新 对 象 并 稍 后 就 丢掉 ，Flash 只 需 不 断 重 用 对 象 。 它 
在 和 cacheAsBitmap 联 用 时 效果 特别 好 。 























说 明 


如 果 背 景 是 固定 颜色 的 话 ， 设 置 舞台 颜色 要 比 放 一 个 固定 颜色 的 矩形 在 底层 有 要好。 这 样 做 
意味 着 减少 了 一 个 显示 对 象 ， 而 Flash 给 背景 涂 颜 色 比 给 一 个 固定 背景 对 象 涂 颜色 要 快 。 




















































































































15.5.3 简化 事件 


这 本 书 的 大 部 分 游戏 都 是 用 单个 大 的 类 应 用 到 影片 本 身 。 还 记得 第 4 章 中 的 空袭 游戏 吗 ? 在 
那个 游戏 里 ， 子 弹 和 飞机 各 自 有 自己 的 类 。 而 在 那个 类 里 ， 它 们 各 自 侦 听 一 个 ENTER_FRAME 事 
件 并 有 个 函数 来 处 理 它 。 

我 们 假设 有 4 架 飞 机 和 七 个 子弹 在 屏幕 上 ， 那 么 就 总 共有 11 个 事件 侦 听 器 ， 各 自在 每 一 帧 
激发 一 个 事件 。 

但 是 , 我 们 大 部 分 游戏 要 比 那 更 优化 些 。 可 能 整个 游戏 就 一 个 事件 侦 昕 器。 那个 函数 可 以 在 
那个 帧 事件 里 处 理 所 有 需要 移动 或 改变 的 东西 。 

这 是 处 理事 情 的 时 候 更 优化 的 途径 。 限 定 只 有 一 个 ENTER_FRAME 事件 处 理 器 要 好 过 每 个 对 
象 自己 有 一 个 。 

而 且 ， 使 用 ENTER_FRAME 事件 要 比 使 用 计时 器 好 。 我 们 也 在 很 多 游戏 里 这 么 做 了 。 一 个 
ENTER_ FRAME 事件 激发 一 个 函数 移动 基于 时 间 动 画 的 对 象 。 

但 是 ,一些 程 序 员 采 用 ， 定 时 激发 的 计时 器 。 你 在 帧 的 间隙 可 以 获得 一 个 或 更 多 事件 ， 甚 至 
是 非 计时 器 的 事件 。 这 取决 于 它 的 时 间 间 隔 和 Flash 引擎 是 否 忙于 做 其 他 任务 。 
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15.5.4 ”最 小 化 屏幕 重 绘 区 


当 你 在 Flash 移动 或 改变 某 些 东西 的 时 候 ， 引 擎 必须 重 绘 那 个 区 域 。 而 所 谓 区 域 ， 我 指 的 是 
矩形 区 域 。 

有 时 很 容易 就 因为 要 对 一 个 大 图 片 作 一 个 小 改动 就 使 得 一 个 大 的 算 形 区 域 随 之 变化 一 一 之 
后 那个 改变 会 在 之 后 的 每 一 帧 里 重复 ， 惊 人 地 拖 慢 游戏 。 

你 可 以 在 能 看 清 屏幕 何 时 于 何 处 进行 了 重 绘 的 模式 下 测试 游戏 。 要 激活 这 种 模式 有 两 种 方式 。 

第 一 种 只 在 你 把 影片 发 布 给 Flash 播放 器 的 时 候 有 效 。 在 那 种 情况 下 ， 在 影片 运行 之 后 ， 你 
选择 View (视图 ) 一 ShowRedrawRegions (显示 重 绘 区 域 )。 然 后 ， 如 图 15-10 那样 ， 你 可 以 看 
到 在 重 绘 区 域 周围 有 个 红色 外 框 。 

















15-10 ”矩形 框 向 你 展示 了 屏幕 上 正在 重 绘 的 区 域 ， 这 可 以 帮助 你 优化 游戏 
你 也 可 以 在 ActionScritp 3.0 代码 里 激活 测试 。 用 下 面 这 行 : 
flash.profiler.showRedrawRegions (true); 
在 代码 里 这 样 做 有 很 多 好 处 。 第 一 个 好 处 是 你 可 以 在 影片 设 为 向 Phone OS 发 布 时 也 可 以 在 
测试 时 看 到 矩形 框 。 第 二 个 好 处 就 是 你 可 以 在 游戏 的 特定 时 刻 打 开 和 关闭 它 。 


15.5.5 ”更 多 优化 方法 
还 有 很 多 其 他 方法 让 你 的 让 hone 游戏 运行 得 更 快 。 


1. 舞台 质量 设置 15 
Flash 是 通过 花费 大 量 处 理 器 资源 浑 染 图 片 来 获得 平滑 的 矢量 图 显示 效果 的 。 它 实际 上 是 以 
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四 倍 于 你 所 看 到 的 分 辩 率 来 绘制 整个 屏幕 。 对 于 一 个 像素 ， 它 不 是 只 绘 了 1 像素 而 是 16 像素 。 
之 后 ， 它 把 它 缩小 到 原来 的 25% 来 显示 。 结 果 就 是 所 有 矢量 图 片 的 抗 锅 齿 外 观 。 
这 确实 是 处 理 器 的 负担 。 你 可 以 通过 让 Flash 以 2 倍 取代 4 倍 这 桨 来 显著 提升 游戏 速度 。 换 
句 话说 ，4 个 像素 对 一 个 。 然 后 缩小 50%。 你 所 需 的 只 是 在 游戏 开头 的 这 行 代码 。 
stage.quality = StageQuality .MEDIUM 


你 可 以 用 Low 代替 MEDIUM, 不 过 那 会 如 实 演 染 所 有 图 片 并 且 你 将 会 注意 到 质量 上 明显 缩水 。 








说 明 

你 也 可 以 设置 任何 显示 对 象 的 opaqueBackgroungd 属性 为 诸如 0x000000 的 颜色 ， 让 
Flash 把 它 当 作 一 个 不 透明 带 固定 颜色 背景 的 图 片 来 演 染 。 这 个 可 以 用 在 背景 图 或 固定 的 
矩形 图 片上 ， 例 如 游戏 里 始终 位 于 顶部 或 底部 的 条 块 。 这 可 以 加 速 这 种 对 象 的 绘制 。 





















































































































































2. 停止 事件 传播 

事件 通常 被 发 送 到 多 个 地 方 。 比 方 说 , 当 你 单 击 一 个 影片 剪辑 , 不 只 该 剪辑 获得 了 这 个 事件 ， 
在 它 之 下 的 任何 东西 也 都 获得 了 这 个 事件 ， 也 包括 舞台 。 

如 果 你 在 影片 里 有 很 多 东西 的 话 , 在 触摸 屏 上 的 一 次 触摸 就 可 以 发 送 事件 给 所 有 对 象 ， 而 其 
中 可 能 并 没有 任何 一 个 对 象 有 相应 的 侦 听 器 来 反应 。 

要 在 影片 里 阻止 事件 继续 传播 下 去 ， 可 以 使 用 Event .stopPropagation() 函数 。 只 需要 
把 它 放 在 侦 听 器 函数 的 开头 即 可 ， 像 这 样 


function clickSomething((e){ 
e.stopPropagation(); 


3. 使 用 位 图 

在 读 到 本 章 早 前 位 图 缓存 的 时 候 ， 你 可 能 会 想 知道 如 果 不 用 矢量 图 而 直接 导入 位 图 的 话 会 
怎样 。 

Sprite 会 比 用 矢量 时 表现 更 好 ， 因 为 它们 已 经 准备 好 被 显示 在 屏幕 上 。 

坏处 就 是 Flash 会 在 旋转 或 缩放 它们 的 时 候 强 制 重新 泻 染 一 遍 。 对 于 大 型 的 背景 图 片 或 一 个 
小 的 “子弹 ”之 类 重复 使 用 的 图 片 ， 你 都 可 以 用 一 个 位 图 版 本 测试 一 下 。 

使 用 位 图 明显 的 一 个 缺点 就 是 它们 并 不 好 缩放 。 如 果 你 的 游戏 放 到 未 来 更 大 屏幕 的 iPhone 
版 本 上 ， 它 可 能 就 不 那么 美观 了 。 

4. 观察 变量 类 型 

你 可 以 跳 过 变量 类 型 声明 而 让 游戏 依然 有 效 : 

Var myVar = 7; 

这 意味 着 这 个 变量 将 会 是 个 “对 象 ”而 更 加 复杂 ， 因 为 它们 要 准备 处 理 任何 东西 : 整数 、 字 
符 串 和 数组 等 。 每 次 获取 这 个 变量 的 时 候 ，Flash 都 要 花 些 时 间 来 解释 存储 在 里 面 的 值 。 

通过 类 型 化 变量 ， 你 就 可 以 简 简 单单 地 提升 取 值 速度 : 
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var myVar:int = 7; 

现在 这 个 看 上 去 并 没有 什么 大 不 了 的 。 你 会 多 频繁 地 访问 那样 一 个 变量 呢 ? 但 是 , 在 一 个 持 
续 检 查 对 象 属性 的 游戏 里 , 每 秒 钟 查看 一 个 变量 上 百 上 千 次 是 家 常 便 饭 的 事 。 使 用 最 简单 的 类 型 ， 
例如 用 一 个 int 而 不 是 Number， 有 助 于 提升 这 部 分 代码 的 速度 。 

5. 最 小 化 文本 更 新 

每 次 在 文本 字段 里 改变 文本 的 时 候 ，Flash 必须 做 很 多 工作 来 重新 泻 染 图 片 。 因 此 ， 尽 量 避 
免 改 变 。 

例如 ， 与 其 每 帧 都 更 新 文本 域 里 的 游戏 时 间 ， 不 如 只 在 秒 位 数字 发 生 改 变 时 更 新 它 。 

6. 优化 并 平滑 影片 

你 也 应 该 近 距 离 看 看 你 的 矢量 图 。 它 们 需要 那么 复杂 吗 ? 

当 你 的 游戏 美工 并 不 关心 他 的 作品 的 曲线 数 时 这 样 做 是 对 的 。 而 如 果 他 关心 游戏 外 观 多 过 关 
心 优化 的 话 就 不 同 了 。 

进 到 这 些 影 片 剪 辑 里 并 选择 这 些 图 形 。 你 可 以 分 别 选 择 Modify (修改 ) 一 Shape (形状 ) 一 
Optimize (优化 ) 和 Modify-~Shape-~Advanced Smooth (高 级 平滑 ) 来 减少 点 和 曲线 的 数量 。 有 
时 候 你 会 发 现 使 用 了 上 千 条 曲线 的 图 片 在 只 用 数 百 条 曲线 时 还 是 那么 好 看 。 因 为 Flash 会 在 所 有 
这 些 曲线 上 一 遍 又 一 遍地 浑 染 ， 所 以 这 种 简化 可 以 极 大 地 提升 性 能 。 
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也 要 避免 滤 镜 。 使 用 对 象 滤 镜 (如 阴影 投射 、 切 和 斜 边 等 ) 会 降低 性 能 。 尝 试 在 图 片 本 身 
构建 它 自 己 所 需要 的 所 有 效果 吧 。 









































7. 优化 音频 

确保 你 的 音频 元 素 不 会 太 大 并 且 是 以 恰当 的 比例 压缩 。256 Kbps 的 MP3 文件 听 上 去 不 错 ， 
不 过 把 它 导 入 内 存 所 用 的 时 间 是 128 Kbps 文件 的 两 信 。 在 发 布设 置 里 改变 音频 设置 并 测试 不 同 
的 水 平 来 寻求 一 个 平衡 点 。 也 可 以 试 试用 AAC 压缩 格式 ， 它 的 表现 更 好 些 。 
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Adobe 不 会 止步 于 iOS 设备 。 也 可 以 用 Flash 为 Android OS 设备 创建 应 用 。 

本 书写 作 时 ， 这 个 功能 在 CS5 里 并 不 是 直接 可 用 的 ， 不 过 已 经 被 承诺 会 出 现在 未 来 的 更 新 
里 。 你 可 以 在 下 面 网 址 的 Air for Android 里 看 看 现状 : 

http://www.adobe.com/products/air/ 

为 Android 发 布 的 能 力 是 Adobe Integrated Runtime (AIR) 的 一 部 分 。 同 样 的 技术 也 让 你 
可 以 为 Mac 和 PC 建立 桌面 应 用 程序 。ATR 在 操作 系统 里 基本 上 扮演 着 成 熟 内 置 Flash 播放 器 
的 角色 。 
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苹果 的 开发 限制 使 得 需要 有 个 特殊 的 为 Phone 打包 输出 的 选项 来 创建 独立 的 .ipa 文件 , 就 像 
用 很 多 其 他 方法 创建 的 其 他 iPhone 应 用 一 样 。 

但 是 为 Air for Android 发 布 的 选项 更 像 是 一 个 AIR 设置 的 普通 发 布 。 它 产生 了 一 个 依赖 于 用 
户 系统 内 安装 AIR 的 文件 。 

AIR 现在 已 经 在 Mac、PC 和 Android 设备 上 了 , 将 来 还 有 可 能 运行 在 更 多 的 移动 设备 上 。 到 
那 时 ， 就 会 有 更 多 的 途径 来 分 享 我 们 制作 的 Flash 游戏 了 。 
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本 框架 出 发 ， 经 过 一 系列 的 改进 ， 到 最 终 完成 游戏 。 
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